/* Advance IT Group Web Products (Screen) | Advance IT Group | KAL | 2008 */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-x;
}
#wrapper {
	min-width:990px;

}

#header {
	background-image: url(../images/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 100px;
}

#headerlogo {
	float: left;
}

#headerproduct {
	font-size: 26px;
	font-weight: normal;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	letter-spacing: 2px;
}

#headerproduct #title {
	color: #2C74BB;
}

#headerproduct #subtitle {
	color: #91B4D8;
}

#headercontact {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	line-height: 20px;
	font-weight: bold;
	color: #333333;
}

#headerlogoclient {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}

#content {
	clear: both;
	padding: 0 10px 10px 10px;
	background-image: url(../images/bg_content.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#leftcontent {
	width: 200px;
	float: left;
}

#rightcontent {
	margin-left: 205px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CDDDEC;
}

table.report tr.rollCall th{
	color: #40842F;
 	background-color: #E6F4E1;
}

#timersButton a {
	position: relative;
	z-index: 5;
	padding: 4px;
	display: inline;
	float: right;
	top: -55px;
	width: 140px;
	text-decoration: none;
	font-weight: bold;
	color: #40842F;
	border: 1px solid #40842F;
	margin-bottom: 1px;
	background-image: url(../images/bg_body_green.jpg);
	background-repeat: repeat-x;
	background-position: 0px -122px;
}

#timersButton a:hover {
	background-color: #40842F;
	color: #FFFFFF;
	border: 1px solid #40842F;
	background-image: none;
}

#footer {
	clear: both;
	padding: 10px;
	height: 30px;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	line-height: 20px;
}
#footercontent {
	float: left;
	color: #2C74BB;
}
#footercopyright {
	float: right;
	text-align: right;
}
a {
	text-decoration: none;
	color: #333333;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}

p {
	line-height: 20px;
	text-align: justify;	
}

h1 {
	color: #2C74BB;
	font-size: 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CDDDEC;
	font-weight: lighter;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	margin-top: 10px;
	
}

table caption, .tabletitle {
	background-color: #E9EEF4;
	font-weight: bold;
	padding: 5px;
	color: #3c5890;
	margin-top: 8px;
}

.rollcalltabletitle {
	background-color: #E9EEF4;
	color: #40842F;
	font-weight: bold;
	padding: 5px;
	margin-top: 8px;
}

table caption {margin: 0 2px 0 2px; border: 1px solid #94A3BA;}

.tabledata {
	background-color: #E9EEF4;
}
.tabledata th {
	text-align: left;
	color: #2C74BB;
	padding: 4px;
	border: 1px solid #94A3BA;
	background-color: #CDDDEC;
}
.tabledata td {
	padding: 4px;
	border: 1px solid #94A3BA;
}
.tabledata tr {
}
table.report {
	background-color: #E9EEF4;
	width: 100%;
}
.tabletimer-default {
	background-color: #E9EEF4;
}
.tabletimer-default th, table.report th, .key-default {
	text-align: left;
	color: #2C74BB;
	padding: 4px;
	border: 1px solid #94A3BA;
	background-color: #CDDDEC;
}
.tabletimer-default td, table.report td {
	padding: 4px;
	border: 1px solid #94A3BA;

}
.tabletimer-default tr {
}


/**
 * Filter regions
 *
 **/
 .checkboxList fieldset {
 	border: 1px dotted #91B4D8;
 	color: #225522;
 	margin-bottom: 20px;
 	width: 162px;
 }

 .checkboxList fieldset label {
 	position: relative;
 	top: -2px;
 }

.checkboxList fieldset button {
	padding: 5px;
	display: inline;
	text-decoration: none;
	font-weight: bold;
	color: #2C74BB;
	border: 1px solid #91B4D8;
	margin: 5px 0px 1px 0px;
	background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: 0px -122px;
}

#.checkboxList fieldset button:hover {
	background-color: #2C74BB;
	color: #FFFFFF;
	border: 1px solid #91B4D8;
	background-image: none;
}
/**
 * Timer colours: 
 * #CDDDEC; - default
 * #FFBB00; - yellow
 * #CC0000; - red
 * #FF6600; - orange
 */
/********** Expired timers (Yellow) *************/
.tabletimer-expired {
	background-color: #E9EEF4;
}
.tabletimer-expired th, .key-expired {
	text-align: left;
	color: #FFFFFF;
	padding: 4px;
	border: 1px solid #FFBB00;
	background-color: #FFBB00;
}
.tabletimer-expired td {
	padding: 4px;
	border: 1px solid #FFBB00;
}
.tabletimer-expired tr {
}
/********** Escalating timers (Red) *************/
.tabletimer-escalating {
	background-color: #E9EEF4;
}
.tabletimer-escalating th, .key-escalating {
	text-align: left;
	color: #FFFFFF;
	padding: 4px;
	border: 1px solid #CC0000;
	background-color: #CC0000;
}
.tabletimer-escalating td {
	padding: 4px;
	border: 1px solid #CC0000;
}
.tabletimer-escalating tr {
}
/********** Escalated timers (Orange) #FF6600*************/
.tabletimer-escalated {
	background-color: #E9EEF4;
}
.tabletimer-escalated th, .key-escalated {
	text-align: left;
	color: #FFFFFF;
	padding: 4px;
	border: 1px solid #FF6600;
	background-color: #FF6600;
}
.tabletimer-escalated td {
	padding: 4px;
	border: 1px solid #FF6600;
}
.tabletimer-escalated tr {
}

textarea:active, textarea:active, input:active, input:hover {
	background: #FFFFFF;
}

textarea, select, input {
	border: 1px solid #CCD9E5;
	padding: 1px 3px;
	background: #F7F9FB;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea, select, input[type="text"], input[type="password"] {
	width: 250px;
}
.disabled, input[disabled="disabled"] {
	background-color: #CCCCCC;
	border: 1px solid #999999;
	color: #FFFFFF;
}
/* input[type="checkbox"], input[type="radio"] {width: auto;} */

.button {
	width: 65px;
}
.clear {
	clear: both;
}
.boxsupport {
	background-image: url(../images/bg_box_support.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.boxcontact {
	background-image: url(../images/bg_box_contact.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.boxdefault {
	background-image: url(../images/bg_box_default.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.boxlogin {
	background-image: url(../images/bg_box_login.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.icon {
	vertical-align: middle;
	margin-right: 4px;
	margin-left: 2px;
}

.linkuser {
	background-image: url(../images/icon_user.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
}

.linkactions {
	background-image: url(../images/icon_down.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 20px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	font-weight: bold;
}

/*
 * Reports filter bar
 */
div.filter-bar {
	background-color:#DBD1B0;
	padding: 7px;
}

div.filter-bar a, div.filter-bar a:visited {
	color:#3c5890;
	border:1px solid #b7c3dd;
	background-color:#ffffff;
	padding:5px;
	padding-bottom:1px;
	padding-top:3px;
	margin-right:0;
	text-decoration:none;
}

div.filter-bar a.filtered {
	padding-left: 14px;
	background-image: url(../images/bullet_toggle_minus.png);
	background-position: left;
	background-repeat: no-repeat;
}

div.filter-bar div.filter-bar-menu {
	float: right;
	position: relative;
	top: -5px;
}
div.filter-bar div.filter-bar-menu select {
	width: auto;
	margin-left: 5px;
}
/*
containing styles specific to pagination
*/
.page_link_wrapper {
	background-color:#DBD1B0;
	padding:1px 0 0;
	overflow:hidden;
	margin-bottom: 20px;
}
.page_links {
	color:#3c5890;
	font-size:12px;
	padding:7px;
	padding-left:10px;
	width:80%; /*60%*/
	float:left;
}
.page_links a:link, .page_links a:visited {
	color:#3c5890;
	border:1px solid #b7c3dd;
	background-color:#ffffff;
	padding:5px;
	padding-bottom:1px;
	padding-top:3px;
	margin-right:0;
	text-decoration:none;
}
.page_links a:hover, .page_links a:active, .page_links span {
	background-color:#6c8fb2;
	border:1px solid #4875a3;
	color:#e0e3ef;
	padding:5px;
	padding-bottom:1px;
	padding-top:3px;
}
.page_links b {
	padding:5px;
	padding-bottom:0;
	padding-top:0;
}
span.inactive {
	background-color:#e2e2e2;
	border:1px solid #8f8f8f;
	color:#8f8f8f;
	padding:5px;
	padding-bottom:1px;
	padding-top:3px;
}
#viewing-crumbs {
	margin-top:7px; 
	font-size:11px; 
	background-color:#fffce1; 
	height:14px; 
	padding:0;
	padding-left:5px;
	color:#444444;
}
#viewing-crumbs a {
	color:#3c5890;
}

.nav_pad {
	padding-left:10px;
	padding-right:10px;	
}

/*
Lists
*/
.listpages {
	margin: 0px;
	padding: 0px;
}
.listpages li {
	background-image: url(../images/icon_page.gif);
	background-repeat: no-repeat;
	background-position: 15px 2px;
	line-height: 20px;
	list-style-type: none;
	padding-left: 35px;
}

.listticks {
	margin: 0px;
	padding: 0px;
}
.listticks li {
	background-image: url(../images/icon_tick.gif);
	background-repeat: no-repeat;
	background-position: 15px 2px;
	line-height: 20px;
	list-style-type: none;
	padding-left: 35px;
}

.listhelp {
	margin: 0px;
	padding: 0px;
}
.listhelp li {
	background-image: url(../images/icon_help.gif);
	background-repeat: no-repeat;
	background-position: 15px 2px;
	line-height: 20px;
	list-style-type: none;
	padding-left: 35px;
}

.imghelp {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
	clear: both;
}

/* START - Table Key */
.table-key {
	width: 192px;
	border-style: solid;
	border-width: 1px;
	border-color: #94A3BA;
	background-color: #E9EEF4;
	margin-top: 1px;
	margin-bottom: 1px;
}

.table-key-title {
	text-align: left;
	font-weight: bold;
	color: #3C5890;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #94A3BA;
	padding: 5px;
	margin-bottom: 5px;
	background-color: #CDDDEC;
}

.table-key tr td div {
	width: 10px;
	height: 10px;
	float: right;
	padding: 4px;
	border: 1px solid #999999;
}
/* END - Table Key */

/* START - Standard Fieldset */
.fieldset-standard {
    border: 2px solid #CDDDEC;
    margin: 0px 0px 10px;
    padding: 0 0 0 10px;
}
.fieldset-standard legend {
    border: 2px solid #CDDDEC;
    color: #2C74BB;
    font-size: 16px;
    font-weight: lighter;
    margin: 10px;
    padding: 2px;
}

.fieldset-standard table {
}

.fieldset-standard table th {
	text-align: left;
}

/* END - Standard Fieldset */

/* START - Contactor Styles */
.contractor_row, .key-contractor {
	background-color: #FFFFCC;
}

.contractor_row .linkactions {
	background-image: url(../images/icon_down_contractor.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 20px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	font-weight: bold;
}

.tabledata_contractor {
	background-color: #FFFFCC;
}
.tabledata_contractor th {
	text-align: left;
	color: #666253;
	padding: 4px;
	border: 1px solid #94A3BA;
	background-color: #DFE2B1;
}
.tabledata_contractor td {
	padding: 4px;
	border: 1px solid #94A3BA;
}
.tabledata_contractor tr {
}

/* END - Contactor Styles */

/* START - FAQs Section */
.section-faq {
}
.section-faq h2 {
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 10px;
}
.section-faq h2 a:hover {
	text-decoration: none;
}
.section-faq .listfaq {
	margin: 0px;
	padding: 0px;
}
.section-faq .listfaq li {
	line-height: 20px;
	font-weight: bold;
}

/* END - FAQs Section */

/* START - Latest News */
.latest-news {
	float: right;
	margin-top: -5px;
	margin-right: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #40842F;
	padding: 10px;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #40842F;
	background-color: #E6F4E1;
}

.latest-news a {
}

/* END - Latest News */

/* START - Emergency 24/7 Support Link */
.link-247 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #FFAAAA;
	font-weight: bold;
	background-color: #990000;
	display: block;
	text-align: center;
}

.link-247 a {
	color: #FFFFFF;
}

/* END - Emergency 24/7 Support Link */