/* Global Styles */

body {
	margin:0px;
	link: "blue";
	alink: "blue";
	vlink: "violet";
	/*background-image:('images/cmsleft.gif');
	background-repeat: repeat;*/
}

/* ID Styles */

#toolbar {
	float:left; 
	color:#FFFFFF; 
	background-color:#FF99CC;
	height:25px; 
	display:block; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	vertical-align:middle; 
	font-weight:bold; 
	padding:5px 5px 5px 5px; 
	width:100%;
}

#generaltable {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	letter-spacing:0.01em;
	text-decoration: none;
	display:block;
	padding:0;
	border:0;
}

#navigation td span {
	border-bottom: 1px solid #F4FFE4;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #99CCCC;
	line-height:16px;
	letter-spacing:0.01em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 14px;
	}
	
#navigation td a {
	border-bottom: 1px solid #F4FFE4;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	link: blue;
	alink: blue;
	vlink: green;	
	line-height:16px;
	letter-spacing:0.01em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 14px;
	}
	
#navigation a:hover {
	background: #99CC66;
	color:#993300;
	}

#navigation2 td {
	border-bottom: 1px solid #F4FFE4;
	border-right: 1px solid #F4FFE4;
	}
	
#navigation2 a {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:12px;
	letter-spacing:0.01em;
	text-decoration: none;
	display:block;
	padding:5px 14px 5px 14px;
	}
	
#navigation2 a:hover {
	background: #99CC66;
	color:#993300;
	}
	
#logo 	{
	font:28px Verdana, Arial, Helvetica, sans-serif;
	color: #5C743D;
	letter-spacing:.2em;
	line-height:30px;
	font-weight:bold;
	}

#tagline 	{	
	font:20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #993300;
	letter-spacing:.4em;
	line-height:30px;
	}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
		
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}

#divHead {
	border:1px solid #0000FF;
	border-bottom-style:double;
	padding:0px;
	width:100%;
	height:50px;
	margin:0px;
	background:url(images/cwf-bg.gif);
}	

#divLeftMenu {
	border:0px;
	padding:0px;
	width:180px;
	height:100%;
	background-color:#DCDAFC;
	display:none;
	float:left;
}	

#divTopMenu {
	border:0px;
	padding:0px;
	width:100%;
	height:10px;
	background-color:#9999CC;
	display:none;
	float:left;
}	

#divDetail {
	border:2;
	border-color:#0000CC;
	padding:10px;
	width:100%;
	height:100%;
	display:block;
}	

#divFootBar {
	border:0;
	border-color:#0000CC;
	padding:0;
	width:100%;
	height:100%;
	display:block;
}	

#Project {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#000099;
	width:50%;
	float:left;
	text-align:left;
}

#Gateway {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#339900;
	width:50%;
	float:left;
	text-align:left;
}

#Date {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000099;
	vertical-align:top;
	float:right;
	text-align:right;
}

#User {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000099;
	vertical-align:top;
	float:right;
	text-align:right;
}

/* Class Styles */
.highlight {
  	background-color: yellow;
}

.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
	margin-top:0px;
	float:right;
}
	
.pageName{
	font: 18px Arial, Helvetica, sans-serif;
	color: #99CC66;
	line-height:26px;
	letter-spacing:.21em;
}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #993300;
	line-height:22px;
	letter-spacing:.2em;
}

.quote {
	font: 20px Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
}
	
.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 22px;
}
	
.navText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}

.cssMedianame {
	font: 11px Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}

input[type=radio].css-checkbox {
	display:none;
}

input[type=checkbox].css-checkbox2 {
	display:none;
}

input[type=radio].css-checkbox + label.css-label {
	padding-left:29px;
	height:28px;
	display:inline-block;
	line-height:28px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
	color:#000;
}


input[type=checkbox].css-checkbox2 + label.css-label2 {
	padding-left:29px;
	height:28px; 
	display:inline-block;
	line-height:28px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
	color:#000;
}

input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -28px;
}

input[type=checkbox].css-checkbox2:checked + label.css-label2 {
	background-position: 0 -28px;
}


label.css-label {
	background-image:url(images/csscheckbox_gold.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

label.css-label2 {
	background-image:url(images/csscheckbox_diomand.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=radio].css-checkbox:disabled + label.css-label {
	background-image:url(images/csscheckbox_silver.png);
	color:#999;
}

input[type=checkbox].css-checkbox2:disabled + label.css-label2 {
	background-image:url(images/csscheckbox_diomand.png);
	color:#999;
}

.unselectable {
     background-color: #ddd;
     cursor: not-allowed;
}

.highlight {
  background-color: yellow;
}

.opaqueLayer {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
	background-color:#000000;
	z-Index:10000;
}



.opaqueTopLayer {
	position:absolute;
	border-radius:10px 10px 15px 15px;
	-moz-border-radius:10px 10px 15px 15px;
	text-height:15px;
	line-height:15px;	
	position:absolute;	
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	padding:5px;
	box-shadow: #333 15px 15px 15px;
	display:block;
	z-Index:10001;
	border:1px ridge #6CF;
	background-color:#6CF;
	text-align:left;
	vertical-align:middle;
	padding:0px;
	background-image:url(images/popupBackground6.jpg);
	background-size:cover;
}

.popupClose {
	border-radius:15px 0px 15px 0px;
	-moz-border-radius:15px 0px 15px 0px;	
	margin-top:3px;
	position:absolute; 
	background-color:#CCCCCC; 
	color:#000000; 
	height:25px; 
	width:65px; 
	z-Index:10002;
	right:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-height:15px;
	line-height:15px;	
	vertical-align:middle;
	text-align:center;	
	padding:0px;
}