/*
-----------------------------------------------
Style Sheet 
author:   Adam Blakey
version:  1.0  2008-04-09
----------------------------------------------- */

body {
	margin:0px;
	padding:0px;
	font-family:arial;
	font-weight:normal;
	font-size:12px;
	color:#7A7A7A;
	line-height:20px;
	
}

h1 {font-size:22px; font-weight:normal; color:#0067a6;}
h2 {font-size:16px; font-weight:normal; color:#0067a6; border-bottom:1px solid #ccc;}
h3 {font-size:14px; font-weight:normal; color:#631E9D; padding:0px; margin:0px;}
h4 {font-size:14px; font-weight:normal; color:#631E9D; padding:0px; margin:0px;}
.h2 {color:#631E9D; font-size:16px; font-weight:normal;}
.white { color:#FFFFFF; }
.error { font-size:10px; color:red; }
.sub_cat { font-size:10px; color:#666; }

/* Links 
----------------------------------------------------------------*/

a:link {color: #0067a6; text-decoration: underline; font-weight: normal; }
a:visited {color: #0067a6; text-decoration: underline; font-weight:normal; }
a:hover {color: #378ec4; text-decoration: underline; font-weight:normal; }
a img {border:0 !important;}

#nav2 { font-size:100%; text-align:left; line-height:32px; margin:0px; padding:0px; }
#nav2 ul {margin:0px; padding:0px; }
#nav2 li { display:inline; padding:0px; color:#666; font-weight:bold; }
#nav2 li a { color:#666; font-weight:bold; text-decoration:none; padding:0px; }
#nav2 li a:hover { color: #fff; background:#66a3c9; }

#nav3 { font-size:100%; text-align:left; line-height:40px;  }
#nav3 ul {margin:0; padding:0px; }
#nav3 li { display:inline; padding:0px; color:#fff; font-weight:bold;}
#nav3 li a { color:#fff; font-weight:bold; text-decoration:none; padding:5px; background:#0067a6  }
#nav3 li a:hover { color: #fff; background:#0e96ea  }


/* TOP NAVIGATION LINKS 
----------------------------------------------------------------*/

#nav { margin: 0; padding: 7px 6px 0; background: #0067a6 url(../../images/gradient.png) repeat-x 0 -110px; line-height: 100%; z-index:100;
border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);}
#nav li { margin: 0 5px; padding: 0 0 8px; float: left; position: relative; list-style: none; z-index:100;}

/* main level link */
#nav a { font-weight: bold; color: #ffffff; text-decoration: none; display: block; padding:  8px 12px; margin: 0; z-index:100; -webkit-border-radius: 1em; -moz-border-radius: 1em; text-shadow: 0 1px 1px rgba(0,0,0, .3); }
#nav a:hover { background: #000; color: #fff; }

/* main level link hover */
#nav .current a, #nav li:hover > a { background: #666 url(../../images/gradient.png) repeat-x 0 -40px; color: #444; z-index:100; -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); box-shadow: 0 1px 1px rgba(0,0,0, .2); text-shadow: 0 1px 0 rgba(255,255,255, 1); }

* main level link hover */
#nav .current2 a { background: #000 url(../../images/gradient.png) repeat-x 0 -40px; color: #444; border-top: solid 1px #f8f8f8; z-index:100; -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); box-shadow: 0 1px 1px rgba(0,0,0, .2); text-shadow: 0 1px 0 rgba(255,255,255, 1); }

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a { background: none; border: none; color: #666; z-index:100; -webkit-box-shadow: none; -moz-box-shadow: none; }
#nav ul a:hover { background: #0078ff url(../../images/gradient.png) repeat-x 0 -100px !important; color: #fff !important; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: 0 1px 1px rgba(0,0,0, .1); }

/* dropdown */
#nav li:hover > ul { display: block; z-index:100;}

/* level 2 list */
#nav ul { display: none; z-index:100; margin: 0; padding: 0; width: 185px; position: absolute; top: 35px; left: 0; background: #ddd url(../../images/gradient.png) repeat-x 0 0; border: solid 1px #b4b4b4; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); box-shadow: 0 1px 3px rgba(0,0,0, .3); }
#nav ul li { float: none; margin: 0; padding: 0; z-index:100;}
#nav ul a { font-weight: normal; text-shadow: 0 1px 0 #fff; z-index:100;}

/* rounded corners of first and last link */
#nav ul li:first-child > a { -webkit-border-top-left-radius: 9px; -moz-border-radius-topleft: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topright: 9px; }
#nav ul li:last-child > a { -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-bottomright: 9px; }

/* clearfix */
#nav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#nav { display: inline-block; } 
html[xmlns] #nav { display: block; }
* html #nav { height: 1%; }

/* MAIN 
----------------------------------------------------------------*/

#main {width: 1000px; margin: 0 auto; position: relative; padding:0px;}
#header { height:115px; margin:0px; padding:0px; background:url(../../images/logo.jpg) no-repeat left; text-align:right;	}
#header2 { height:100px; margin:0px; padding:0px; background:url(../../images/logo.jpg) no-repeat left; border-bottom:1px solid #0066a4}
#reminders {  margin:10px; padding:10px; height:80px; overflow:auto; border:1px solid #eee; background:#f4f4f4; width:500px; float:right; text-align:left}
#reminders ul {  margin:0px; padding:0px; }
#reminders li {  margin:0px; padding:3px; margin-bottom:2px; }
#reminders2 {  margin:0px; padding:0px; overflow:auto;}
#reminders2 ul {  margin:0px; padding:0px; }
#reminders2 li {  margin:0px; padding:3px; margin-bottom:2px; }
.green { background:#e5ffea; border:1px solid #d1fdda }
.red { background:#fee7e7; border:1px solid #fddbdb}
	
#body { width:990px; margin:10px; height:auto; margin-bottom:20px; margin-top:20px;}

#login { padding:10px; background:#f3f2f2; border:1px solid #e3e3e3; width:370px; margin: 0 auto; position: relative; }

#userbox { width:300px; margin-left:10px; background:#f7f7f7; border:1px solid #e3e3e3; float:left; margin-bottom:10px; font-size:11px; line-height:18px; height:200px; }
.title { background: #e3e3e3; font-weight:800; display:block; padding:3px;}
.title a { color:#7A7A7A; font-weight:800; font-size:12px;}
.title a:hover { color:#0067a6; font-weight:800;}
		
#footer {height:120px; text-align:center; background-color:#fff; clear:both; font-size:11px; padding:0px; margin-top:0px; border-top:1px solid #D4D4D5}
	#footer p { padding-top:15px; }
	#footer p a:link {display:inline;}
	#footer p a:hover { display:inline;}
	
.highlight { color:#7537a6; font-size:14px; line-height:25px; }
.red { color:red; }

.small { font-size:10px; }

#column ul {
float: left; width: 700px;; margin: 20px 0 1em 0; padding: 5px; list-style: none; font-size: 1em; line-height: 1.3em; color: #036; background: #e8f3e1;
}
 
#column li {
float: left; width: 128px; margin: 0; padding: 0; list-style: none; border-bottom:1px solid #B2D09C; padding:6px; height:20px;}

.highlight_column { background-color:#B2D09C; color:#FFFFFF; font-weight:bold; font-size:14px; }

#clearer { clear:both; line-height: 1px; font-size: 1px;}

/* FORM 
----------------------------------------------------------------*/

.textfield { font-size:11px; color: #666666; padding:2px; border:1px solid #999999; height:15px; background-image:url(../../images/input_bg.gif); }
.input { font-size:11px; color: #333333; padding:2px; border:1px solid #999999; background-color:#FFFFFF;}
.input2 { font-size:11px; color: #333333; padding:2px; border:1px solid #999999; background-color:#FFFFFF;}
.select { font-size:11px; color: #333333; padding:2px; border:1px solid #999999; background-color:#FFFFFF; margin-top:2px;}
.textarea { font-size:11px; color: #666666; padding:2px; border:1px solid #ddd; }

.textareas { font-size:11px; color: #666666; padding:2px; border:1px solid #999999; background-image:url(../../images/input_bg.gif); }

select { font-size:11px; color: #333333; padding:2px; border:1px solid #ddd;}
.button { background:#0067a6; color:#fff; border:1px solid #2e82b6; font-weight:bold; }
.button2 { background:#0067a6; color:#fff; border:1px solid #2e82b6; font-weight:bold; padding:3px; }
INPUT {margin-top:4px; margin-bottom:4px; font-size:11px; color: #333333; padding:2px; border:1px solid #ddd; background-color:#FFFFFF;  }
TEXTAREA { font-size:11px; color: #666666; padding:2px; border:1px solid #ddd; }
select {margin-top:4px; margin-bottom:4px; }

.label { width: 9em; float: left; text-align: right; margin-right: 0.5em; margin-left: 0px; display: block; font-weight:700	 }
.label2 { width: 9em; float: left; text-align: left; margin-right: 0.5em; margin-left: 0px; display: block; font-weight:700 }
label { width: 10em; float: left; text-align: left; margin-right: 0.5em; margin-left: 0px; display: block; font-weight:700	 }

fieldset { margin-bottom:10px; border:1px solid #ccc; padding:10px; margin-top:20px; }

legend { color: #fff; background: #0067a6; border: 1px solid #02507f; padding: 2px 6px; font-size:12px; font-weight:bold; margin-left:10px; }

/* BULLET LIST
----------------------------------------------------------------*/
	
UL	{list-style-image:url(../../images/bullet.jpg); margin-left:15px; padding-left:15px; }
LI  { margin-left:15px; padding-left:15px; }
select {  }

/* TABS
----------------------------------------------------------------*/

div.demolayout {
	width: 100%;
	margin: 0px;
}

ul.demolayout {
	list-style-type: none;
	width: 990px;
	float: left;
	background: url(../../images/pixel.gif) bottom left repeat-x;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #ccc;
}

ul.demolayout li {
	margin: 0px;
	float: left;
	list-style:none;
}

ul.demolayout a {
	float: left;
	display: block;
	padding: 4px 8px;
	border: 1px solid #ccc;
	border-bottom: 0;
	color: #666;
	background: #eee;
	text-decoration: none;
	font-weight: bold;

}

ul.demolayout a:hover {
	background: #fff;
}

ul.demolayout a.active {
	background: #fff;
	padding-bottom: 5px;
	cursor: default;
	color: #0067a6;
}

.tabs-container {
	clear: left;
	border: 1px solid #ccc;
	border-top: 0;
	padding: 10px 8px 0 8px;
}

.tabw ul {
	margin:0px; padding:0px; list-style:none; list-style-type:none
}

.tabw li {
	margin:0px; padding:2px; list-style:none; list-style-type:none
}

.hi{background:#eae9e9;}

/* CALENDER
----------------------------------------------------------------*/

input.DatePicker{
	width: 150px;
	padding: 3px 3px 3px 24px;
	border: 1px solid #0070bf;
	font-size: 13px;
	background: #fff url(../../images/date.gif) no-repeat top left;
	cursor: pointer;
}

input:focus.DatePicker{
	background: #fffce9 url(../../images/datefocus.gif) no-repeat top left;
}
.dp_container{
	position: relative;
	padding: 0;
	z-index: 500;
}
.dp_cal{
	background-color: #fff;
	border: 1px solid #0070bf;
	position: absolute;
	width: 177px;
	top: 28px;

	margin: 0px 0px 3px 0px;
}
.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.dp_cal select{
	margin: 2px 3px;
	font-size: 11px;
}
.dp_cal select option{
	padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.dp_cal th{
	border: solid #aad4f2;
	border-width: 1px 0;
	color: #797774;
	background: #daf2e6;
	font-weight: bold;
}
.dp_cal td{
	cursor: pointer;
}
.dp_cal thead th{
	background: #d9eefc;
}
.dp_cal td.dp_roll{
	color: #000;
	background: #fff6bf;
}
/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}
.dp_empty{
	background: #eee;
}
.dp_today{
	background: #daf2e6;
}
.dp_selected{
	color: #fff;
	background: #328dcf;
}



div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
    background: url(../../images/ntbg.png);
    
    /* Mozilla proprietary */
    -moz-border-radius: 12px;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 9px;
    text-align: left;
    padding-top: 3px;
}


/* CALENDER
----------------------------------------------------------------*/

input.DatePicker{
	width: 150px;
	padding: 3px 3px 3px 24px;
	border: 1px solid #0070bf;
	font-size: 13px;
	background: #fff url(../../images/date.gif) no-repeat top left;
	cursor: pointer;
}

input:focus.DatePicker{
	background: #fffce9 url(../../images/datefocus.gif) no-repeat top left;
}
.dp_container{
	position: relative;
	padding: 0;
	z-index: 500;
}
.dp_cal{
	background-color: #fff;
	border: 1px solid #0070bf;
	position: absolute;
	width: 177px;
	top: 28px;

	margin: 0px 0px 3px 0px;
}
.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.dp_cal select{
	margin: 2px 3px;
	font-size: 11px;
}
.dp_cal select option{
	padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.dp_cal th{
	border: solid #aad4f2;
	border-width: 1px 0;
	color: #797774;
	background: #daf2e6;
	font-weight: bold;
}
.dp_cal td{
	cursor: pointer;
}
.dp_cal thead th{
	background: #d9eefc;
}
.dp_cal td.dp_roll{
	color: #000;
	background: #fff6bf;
}
/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}
.dp_empty{
	background: #eee;
}
.dp_today{
	background: #daf2e6;
}
.dp_selected{
	color: #fff;
	background: #328dcf;
}



div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
    background: url(../../images/ntbg.png);
    
    /* Mozilla proprietary */
    -moz-border-radius: 12px;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 9px;
    text-align: left;
    padding-top: 3px;
}