/* ATTENTION!!!! */
/* Do not edit this file! This file is the skin's core CSS file! If you would like to change styling use the Custom CSS Page 
in the Skin Settings (phpVMS Admin Center) or add your styles directly to the customstyles.css */

/* GENERAL STYLES */

body { background:#FFFFFF; font-family:helvetica, arial, clean,sans-serif; font-size: 12px; margin: 0; padding: 0; color:#000000;  }

a { color:#036; font-weight:bold; text-decoration:none; }

a:hover { color:#06C; }

hr { border-top:1px solid #06C; }

h1, h2, h3, h4 { height: 25px; font-size: 20px; padding-bottom: 0px; margin-top: 10px; margin-bottom:20px; color: #221f1f; font-weight:normal; letter-spacing:1px; }

.pagewidth { width:100%; margin:0 auto; }

.contentwidth { width: 1100px; margin:0 auto; position:relative; padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

img { max-width:100%; }

#error { border: 1px solid #FF0000; background: #FFCCDA; padding: 7px; text-align: center; }

#success { border: 1px solid #008020; background: #D8FFCC; padding: 7px; text-align: center; }

.contentblock { border:1px solid #666666; border-top:0; margin-bottom: 20px; padding:10px; padding-top:0; }

.contentblock h3 { display:block; width:100%; height:20px; line-height:20px; padding:5px 10px; background:#666666; color:#FFFFFF; font-size:12px; margin-left:-10px; }


/* TOPBAR STYLES */

#topheadbar { width:100%; height:40px; background:#333333; border-bottom: 1px solid #000000; margin:0 auto;  z-index:10; }

.headbarpad { padding:0 10px !important; }

#topuserlinks { position:absolute; right:0;  line-height:40px; }

/* HEADER STYLES */

#headarea { width:100%; height:150px; background:#E6EFF7; border-bottom: 1px solid #AAC5DF; margin:0 auto; }

#logo { display:inline-block; }

#toplogin { position:absolute; right:0; top:30px; min-width:370px; }

/* SLIDERAREA STYLES */

#imageslider { width:100%; height:300px; background:#E5E5E5; margin:0 auto; overflow:hidden; text-align:center; }

.sliderimage { width:100%; height:300px; background-attachment:scroll; background-position:center; background-size:cover; }

#slideshow { 
    margin: 0 auto; 
    position: relative; 
    width: 100%;
    height: 300px;
    padding: 0;
	overflow:hidden;
}

#slideshow > div { 
    position: absolute; 
   
}

.bigtext { margin:0 auto; color:#FFFFFF; text-shadow: 2px 2px #000000; margin-top:100px; }

.smalltext { margin:0 auto; color:#FFFFFF; text-shadow: 2px 2px #000000; }


/* NAVMENU STYLES */

#sitenavigation { width:100%; height:70px; background:#333333; margin:0 auto; z-index:9999; }

.navipad { padding:0 !important; }

#sitenavigation ul { margin:0; padding:0; }

#sitenavigation ul li { margin:0; list-style:none; display:table-cell; cursor:pointer; position:relative; text-transform:none; font-size:14px; font-weight:normal; border-right:1px solid #999999;  }

#sitenavigation ul li:last-child { border-right:0;  }

#sitenavigation ul li a { color: #FFFFFF; height:70px; line-height:70px; padding:0px 20px; display:inline-block; }

#sitenavigation ul li:hover { background:#666666; }

#sitenavigation ul li:hover a { color: #FFFFFF; }

#sitenavigation ul li ul { display:none; background:#666; z-index:9999; }

#sitenavigation ul li:hover ul, #sitenavigation ul li ul:hover { display:inline-block; position:absolute; top:70px; left:0; min-width:200px; }

#sitenavigation ul li:hover ul li { background:#333333; display:inline-block; border-right:0; }

#sitenavigation ul li:hover ul li:hover { background:#666666; }

#sitenavigation ul li:hover ul li a { min-width:200px; height:50px; line-height:50px; color: #FFFFFF; }


/* CONTENTAREA STYLES */

#contentarea { width:100%; margin:0 auto; }

.contentarea_bg { background:#FFFFFF; border:1px solid #E8E8E8; border-top:0; }

/* MAIN CONTENT STYLES */
#maincontent { width:70%; padding:20px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* SIDEBAR */
#sidebar { width:30%; padding:20px; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* FOOTER STYLES */

#footarea { width:100%; margin:0 auto; margin-top:20px; padding-top:30px; min-height:100px; background:#FFFFFF; border-top:1px solid #999; }

#copyright { width:100%; text-align:center; }

/* TABLE STYLES */

table.tablesorter { width: 100%; border:0; margin:0; border-spacing:0px; }
table.tablesorter tbody th, table.tablesorter thead tr th, table.tablesorter tfoot tr th { background: #406A95; color:#FFF; font-size: 10pt; padding:10px 6px; }
table.tablesorter thead tr .header { cursor: pointer; }
table.tablesorter td , table.tablesorter tbody td { padding: 10px 6px; vertical-align: top; background:#FFF; }
table.tablesorter tbody tr:nth-child(odd) td { background-color: #F0F0F6; }
table.tablesorter thead tr .headerSortUp { background-image: url(images/asc.gif) no-repeat; }
table.tablesorter thead tr .headerSortDown { background-image: url(images/desc.gif) no-repeat; }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; }


/* FORM STYLES */

input { border: 1px solid #999; }
label, dt { font-size:14px; display:block; margin-bottom:5px; margin-top:15px; color:#333; }
dd { margin:0; }
input[type="text"], input[type="password"], input[type="email"], input[type="number"], select, textarea { border:1 px solid #999; color:#000; padding:5px 10px; }
input[type="submit"], button { padding:7px 15px; border:1px solid #999; background:#F3F3F3; color:#000; cursor:pointer; }
input[type="submit"]:hover, button:hover { background:#CCC; }
textarea { min-height:200px; min-width:300px; }

input:-webkit-autofill {
    background: #fcfcfa !important;
	 -webkit-box-shadow: 0 0 0 1000px #fcfcfa inset;
}	
	
	
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

[contenteditable="true"]:focus {
    outline: none;
}


/* PHPVMS TABS */

@media projection, screen {
	/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.ui-tabs-hide { display: none; }
}

/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav { display: none; }
}

.ui-tabs-nav, .ui-tabs-panel { font-family: "Trebuchet MS" , Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 12px; }
.ui-tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px; }
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; }
.ui-tabs-nav li { float: left; margin: 0 0 0 1px; min-width: 84px; /* be nice to Opera */ }
.ui-tabs-nav a, .ui-tabs-nav a span { display: block; padding: 0 10px; background: url(images/tab.png) no-repeat; }
.ui-tabs-nav a { margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; color: #27537a; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */ }
.ui-tabs-nav .ui-tabs-selected a { position: relative; top: 1px; z-index: 2; margin-top: 0; color: #000; }
.ui-tabs-nav a span { width: 64px; /* IE 6 treats width as min-width */ min-width: 64px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-top: 6px; padding-right: 0; }
* > .ui-tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; }
.ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 1px; }
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { background-position: 100% -150px; }
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background-position: 100% -100px; }
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { background-position: 0 -50px; }
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { background-position: 0 0; }
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; }
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; }
.ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); }
.ui-tabs-panel { padding: 1em 8px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while  fading */ }
.ui-tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; }

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block; }
*:first-child + html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; }