﻿/*** RESET ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, font, img, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size:100%;
	vertical-align: baseline;
}
	
a img {border:none;}

table {border-collapse: collapse; border-spacing: 0;}

/*** DEFAULT STYLES and COMMON CLASSES ***/
body { background-color:#fff; }
body, p, td, th, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#333;
}
h1 { background-color:#485566; color:#fff; font-size:22px; font-family:Georgia, Times New Roman, Serif; padding:10px; margin-bottom:10px; }
h2 { margin-bottom:5px; color:#fff; background-color:#746150; border-bottom:2px solid #4D4035; padding:10px; }
h3 { padding:10px 0; text-transform:uppercase; color:#4D5457; margin-bottom:10px; background:url("../images/dotted_seperator.gif") repeat-x bottom; font-family:Georgia, Times New Roman, Serif; }

label { text-align:right; }
/* slightly enhanced, universal clearfix */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

td { vertical-align:top; }

.left { float:left; }
.right { float:right; }

.textbox { background-color:#FFFDF2; border:2px solid #999; padding:3px 4px; }
.btndefault { background-color:#485566; border:2px double #313944; color:#fff; font-weight:bold; text-transform:uppercase; padding:2px 8px; cursor:pointer; text-decoration:none; }
.actionpanel { padding:10px; background-color:#c1c1a6; color:#ccc; }
.iconAddUser { padding-left:20px; background: url(../images/icon_user_add.png) no-repeat; }
/*.btndefault { background-color:#CF752F; b color:#fff; border-style:double; font-weight:bold; letter-spacing:3px; text-transform:uppercase; cursor:pointer; font-size:11px; }*/

.margintop { margin-top:10px; }
.marginright { margin-right:10px; }
.marginleft { margin-left:10px; }
.marginbottom { margin-bottom:10px; }

/*** LAYOUT ELEMENTS ***/

/*#clientlogo { padding:0px 20px; border-right:1px solid #ccc; }*/
.webmanagelogo { margin-left:10px; display:block; }
#header { height:54px; padding:5px 0; background:#04293C url(../images/header_bgd.jpg) repeat-x; }
#contentbgd { background-color:#FAF7F3; padding:10px; position:absolute; left:190px; right:10px; }
#contentbgd_usagereports { background-color:#FAF7F3; padding:10px; position:absolute; left:1px; right:10px; }
#maincontent { padding:20px 10px; background-color:#fff;  }

#header .right { height:64px; padding-right:20px; line-height:64px; color:#ccc; }
#header .username span { font-size:22px; font-weight:bold; }
#header .username img { padding-right:5px; }
.logout { display:block; overflow:hidden; text-indent:-999px; margin-top:20px; height:22px; width:62px; background-image:url(../images/btn_logout.gif); }

#nav { padding:0px 10px; background-color:#5C6366; color:#ccc; border-top:1px solid #464D4F; border-bottom:1px solid #464D4F; }
#nav a { color:#fff; }

#nav a { display:block; overflow:hidden; text-indent:-999px; float:left; height:34px; }
#nav .dashboard a {  width:112px; background-image:url(../images/nav_dashboard.gif); }
#nav .dashboard a:hover { background:url(../images/nav_dashboard.gif) 0px -34px; }
#nav .manageusers a {  width:140px; background-image:url(../images/nav_manageadmins.gif); }
#nav .manageusers a:hover { background:url(../images/nav_manageadmins.gif) 0px -34px; }
#nav .jurisdiction a {  width:140px; background-image:url(../images/nav_jurisdiction.gif); }
#nav .jurisdiction a:hover { background:url(../images/nav_jurisdiction.gif) 0px -34px; }
#nav .visitsite a {  width:98px; background-image:url(../images/nav_visitsite.gif); }
#nav .visitsite a:hover { background:url(../images/nav_visitsite.gif) 0px -34px; }
#nav .filemanager a {  width:118px; background-image:url(../images/nav_filemanager.gif); }
#nav .filemanager a:hover { background:url(../images/nav_filemanager.gif) 0px -34px; }
#nav .imagemanager a {  width:127px; background-image:url(../images/nav_imagemanager.gif); }
#nav .imagemanager a:hover { background:url(../images/nav_imagemanager.gif) 0px -34px; }

/*** SIDE NAV ***/
#sidenav { width:180px; float:left; padding:10px 0px 10px 10px; }
#sidenav ul { list-style:none; padding:0; margin:0; }
#sidenav ul li { display:block; font-size:11px; font-family:Tahoma, Arial, Sans-Serif; cursor:pointer; border-bottom:1px solid #fff; }
#sidenav li.hdr p { background-color:#434A4D; font-weight:bold; color:#A5BAC3; padding:5px; display:block; cursor:pointer; }
#sidenav li.hdr p:hover { background-color:#606A6F; }
#sidenav ul a { background:url(../images/dotted_seperator.gif) repeat-x bottom; padding:5px; }
#sidenav ul a { color:#333; text-decoration:none; display:block; }
#sidenav ul a:hover { background-color:#FFFF99; }

/*** STATUS BOXES ***/
.confirm { background-color:#CCE5BF; padding:10px; border-bottom:1px solid #BCDDAA; margin-bottom:10px; }
.info { background-color:#ffffcc; padding:10px; border-bottom:1px solid #FFFFA8; margin-bottom:10px; }

/*** CUSTOM ELEMENTS ***/
#loginbox { background:url(../images/loginbox.gif) no-repeat; height:268px; width:391px; margin:0 auto; }
#sectiontitle { background-color:#4D5457; color:#fff; font-size:22px; line-height:32px; padding:5px 10px; font-family:Georgia, Arial, Serif; height:33px; border:1px solid #fff; overflow:hidden; }
#sectiontitle b { color:#A5BAC3; font-family:Arial, Tahoma, Sans-Serif; }
.breadcrumb { padding:3px 10px; background-color:#C1C1A6; color:#666666; border-left:1px solid #fff; border-right:1px solid #fff; }
.breadcrumb a { color:#666666; }

.grdList .title { font-weight:bold; }
.grdList { margin-bottom:20px; width:100%; display:block; margin-top:10px; }
.grdList tr { width:100%; }
.grdList td, .grdList th { background:url(../images/dotted_seperator.gif) bottom repeat-x; padding:5px 20px 5px 10px; font-family:Arial, Tahoma, Sans-Serif; }
.grdList a { font-size:11px; color:Blue; letter-spacing:1px; }
.grdList th { color:#fff; background-color:#4D5457; border:0; border-right:1px solid #697380; padding:5px 10px; }

.grdReport td { background:url("../images/dotted_seperator.gif") repeat-x bottom; color:#555; padding:5px 10px 5px 0px; }
.grdReport th { background-color:#4D5457; color:#fff; }

td.actioncol { padding:5px 0px 5px 10px; }
td.datecol { text-align:right; font-size:11px; color:#777; }

.siteselection { margin:5px 0px 0px 30px; font-size:11px; color:#ccc; }

#topoptions { line-height:22px; background:url("../images/dotted_seperator.gif") repeat-x bottom; padding-bottom:10px; margin-bottom:10px; color:#666666; font-weight:bold; }
#topoptions a { color:#666666; font-weight:bold; }
#topoptions #languages { padding-left:20px; float:left; font-size:13px; background:url(../images/icon_language.gif) no-repeat 0px center; }
#topoptions #variables { margin-left:40px; padding-left:16px; float:left; font-size:13px; background:url(../images/icon_variables.gif) no-repeat 0px center; }

/*** SIDE NAV ***/
.navmenu { margin-right:10px; }
.navmenu * { margin-right:0; padding-right:0;}
.navbarhdr td { background-color:#434A4D; font-weight:bold; color:#A5BAC3; padding:5px; display:block; cursor:pointer; width:100%; border-bottom:1px solid #fff; }
.navbarhdr td::hover { background-color:#606A6F; }
.subitem td, .navmenu .selected td {  background:url(../images/dotted_seperator.gif) repeat-x bottom; padding:5px; color:#333; font-size:11px; cursor:pointer; padding-right:5px; }
.subitem td:hover, .navmenu .selected td:hover { background-color:#FFFF99; }
.navmenu .selected { font-weight:bold; }

/*** Messages ***/
.errorMsg {
    padding:10px;
    background-color:#FED6CC;
    color:#990000;
    margin-bottom:10px;
}
.infoMsg {
    padding:10px;
    background-color:#FFFFCA;	
    margin-bottom:10px;
}
.instructions 
{
	padding:10px; background-color:#eee; margin-bottom:10px; font-style:italic;
}

.grdReport_print 
{ 
    margin:10px; 
    border:1px solid #6F7577;
}

.grdReport_print td 
{ 
    color:#555; 
    padding:5px 10px 5px 5px; 
    font-family:Arial, Tahoma, Sans-Serif;
}

.grdReport_print th 
{ 
    background-color:#F0F0F0; 
    color:#000; 
    font-weight:bold; 
    padding:5px; 
    /* border-right:1px solid #6F7577; */
    border:1px solid #6F7577;
}

.grdReport_print caption 
{
    background-color : #D2E6E9;
    color : #4D5457;
    font-weight : bold;
    font-size : 12pt;
    height : 22px;
    border-top : 1px solid #6F7577;
    border-left : 1px solid #6F7577;
    border-right : 1px solid #6F7577;
    padding : 5px;
}

.chartcaption
{
    background-color : #D2E6E9;
    color : #4D5457;
    font-weight : bold;
    font-size : 12pt;
    height : 22px;
    border-top : 1px solid #6F7577;
    border-left : 1px solid #6F7577;
    border-right : 1px solid #6F7577;
    padding : 5px;
}

.environment { margin:5px 0px 0px 5px; color:#ccc; }
