@charset "utf-8";

/* Reset */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}


@font-face { font-family: "UbuntuR"; src: url("Ubuntu-R.ttf") format("truetype"); }

img { max-width:100%; height:auto; width: auto\9; /* ie8 bugfix */ }
* { font-family:UbuntuR, Arial; color:#333; }
p,li,a,th,td,label,form,span { font-family:UbuntuR, Arial; color:#333; font-size:16px; line-height:22px; }
p { margin-bottom:10px; }
em { font-style:italic; }
ul { margin-bottom:20px; margin-top:10px; }
ul li { list-style:disc; margin-left:30px; margin-bottom:6px; }
ul li ul li { list-style:circle; }
ol { margin-bottom:20px; margin-top:10px; }
ol li { list-style:decimal; margin-left:30px; margin-bottom:6px; }
a, a:visited { text-decoration:none; color:#32638a; }
a:hover { text-decoration:underline; }
h1 { font-family:"Arial Black", Arial; font-size:26px; margin-bottom:40px; color:#999; }
h2 { font-family:Arial; font-weight:bold; font-size:18px; margin-bottom:20px; color:#333; }
.first { margin-top:0 !important; }

html { background-color:#F3F3F3; }


#user-details { position:absolute; top:15px; right:20px; display:inline-block; }
#user-details span { display:inline-block; background-repeat:no-repeat; background-position:0 5px; padding:0 0 0 22px; margin-left:30px; color:#FFF; text-decoration:none; font-size:14px; }
#user-details a { display:inline-block; background-repeat:no-repeat; background-position:0 5px; padding:3px 3px 3px 22px; margin-left:30px; color:#FFF; text-decoration:none; font-size:14px; }
#user-details select { border:1px solid #F0F0F0; padding:3px; color:#666; font-size:14px; }

#header { height:60px; border-bottom:2px solid #999; background:#000438; }
#header-tube { padding:10px; }
#container { position:relative; }
#menu { position:fixed; width:200px; z-index:100; left:0; top:62px; bottom:0; background:#333; overflow-y:auto; }
#menu-tube { width:100%; }

#content { position:fixed; left:200px; top:62px; right:0; bottom:0;  overflow-y:auto; }
#content-tube { padding:15px 15px 150px 15px; }

#menu ul, #menu li { padding:0; margin:0; color:#FFF; }
#menu li a { display:block; padding:20px 10px 20px 20px; color:#CCC; font-size:16px; line-height:16px; font-family:UbuntuR, Arial; }
#menu li a:hover { text-decoration:none; background:#474747; color:#FFF; }
#menu li a.current { text-decoration:none; background:#856b59; color:#FFF; }

.button-bar { position:absolute; top:20px; right:30px; }
.button-bar * { font-size:14px; color:#666; }

.rounded-box { background:#FFF; padding:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px #999999 solid; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

.ui-dialog * { font-size:14px; line-height:16px; }

@media screen and (max-width: 1150px){

}

@media screen and (max-width: 800px){
h1 { margin-bottom:20px; color:#999; }
#menu { left:-200px; }
#content { left:0; }
#user-details { display:none; }
.button-bar { position:relative; top:auto; right:auto; margin-bottom:20px; }
}

@media screen and (max-width: 600px){

}


/* Fake tables */
.table { display:table; }
.tr { display:table-row; }
.th, .td, th, td { display:table-cell; vertical-align:top; font-size:14px; line-height:15px; }
.table p, .table a, .table label { margin:0 0 3px 0; padding:0; font-size:14px; line-height:15px; }

.std-table { width:100%; }
.std-table .th, .std-table .td { padding:6px 30px 6px 6px; }
.std-table .th { border-bottom:2px solid #CCC; background-color:#cddeec; }
.std-table .td { border-bottom:1px solid #CCC; line-height:15px; }
.std-table .tr:hover .td { background:#fcfde4; }

.form-table .th { padding:10px 30px 10px 0; font-weight:bold; }
.form-table .td { padding:10px 0 10px 0; }


@media screen and (max-width: 600px){
	.table { display:block; }
	.tr, .th, .td { display:block; }
	.form-table .th { padding:10px 0 5px 0; }
	.form-table .td { padding:0 0 20px 0; }
}


/* Forms */
.form-buttons { margin-top:20px; border-top:1px dotted #999999; padding-top:20px; }
.form-info { font-size:12px; color:#666; font-style:italic; }
input[type="text"], input[type="password"], input[type="date"], textarea, select { font-family:Arial, Helvetica, sans-serif; border:1px solid #ccc; font-size:14px;  
	-moz-box-shadow:0 0 10px #eee inset; -webkit-box-shadow:0 0 10px #eee inset; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	width:350px; }
input[type="text"], input[type="password"], input[type="date"], textarea { padding:6px; }
select { padding:5px; }
textarea { resize:vertical; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
input[type="radio"], input[type="checkbox"] { width:auto !important; height:auto !important; }
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color:#999; }
@media screen and (max-width: 600px){
	input[type="text"], input[type="password"], input[type="date"], textarea, select {	width:100%; }
}

/* Buttons */
input.button, a.button { background-color:#32638a; color:#ccc; font-size:14px; line-height:14px; font-family:Arial; display:inline-block; border:none; font-weight:bold; text-align:center; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
input.button { padding:10px 30px 10px 30px; }
a.button { padding:6px 20px 6px 20px; }
a.button:hover, input.button:hover { background-color:#457aa5; color:#fff; cursor:pointer; }
input.button[disabled=disabled] { background-color:#CCC; color:#FFF; cursor:default; }

/* Form error */
.form-error-box { border:#000 1px solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px 8px 12px 40px; background-position:8px 8px; background-repeat:no-repeat; margin:5px 0 20px 0; background-image:url(../images/icon-warning-24.png); background-color:#FFE6E6; border-color:#F00; }
.form-error-box li { color:#F00; font-weight:normal; margin:5px 0 0 20px; list-style:disc; }
.form-error-highlight { border:1px solid #F00 !important; }