/* 
================================
Skin styles for CUES skin
================================
*/

/*Colors
#f3f5fa; - gray-blue ligth
#21578c; - dark blue
#cdd5de; - light gray
#546e88; - dark gray-blue
#9fb8d4; - dark menu background
*/

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
}

.skinmaster {
	height: 100%;
	width: 100%;
	background-color: #f3f5fa;
	
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	
	/*-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; */
}

.controlpanel {
	width: 100%;
	background-color: #fefefe;
}

/* 
================================
Pictures bar (light background)
================================
*/  
.skinpicture {
	background-color: #f3f5fa;
}

td.horz-line { border-bottom: Solid 1 #21578c; width: 100%; height: 3px; }
td.copyright { vertical-align: middle; text-align: left; width: 100%; border-top: Solid 3 #f3f5fa; }
td.terms { vertical-align: middle; text-align: right;
	border-left: solid 3 #f3f5fa; border-top: Solid 3 #f3f5fa; padding: 0px 8px 0px 8px; white-space: nowrap; }
/* 
================================
CUES Logo bar
================================
*/ 

.GXP_gif { vertical-align: top; text-align: left; }

.CUES_logo { vertical-align: middle; text-align: center; 
			border-bottom: solid 1px #21578c; border-left: solid 1px #21578c; padding: 0px 21px 0px 21px; }

.predate {
	background: transparent;
	vertical-align: top; text-align: left; width: 100%; }

.date, .search {
	background: #21578c; color: #e5ecf8;
	font-family: Tahoma, Verdana, Calibri; font-size: 11px; font-weight: bold; padding: 2px 5px 3px 0px; }

td.date {
	border-bottom: solid 2px #ffffff;
	vertical-align: middle; text-align: left; white-space: nowrap; }
	
td.search {
	vertical-align: middle; text-align: right; white-space: nowrap; }

A.date:link {
	background-color: transparent;
	color: #e5ecf8;
	
	font-family: Tahoma, Verdana, Calibri;
	font-size: 11px;
	font-weight: bold;
}

A.date:visited {
	background-color: transparent;
	color: #e5ecf8;
	
	font-family: Tahoma, Verdana, Calibri;
	font-size: 11px;
	font-weight: bold;
}

A.date:hover {
	background-color: transparent;
	color: #e5ecf8;
	
	font-family: Tahoma, Verdana, Calibri;
	font-size: 11px;
	font-weight: bold;
}

A.date:active {
	background-color: transparent;
	color: #e5ecf8;
	
	font-family: Tahoma, Verdana, Calibri;
	font-size: 11px;
	font-weight: bold;
}

/* 
================================
"Current place" control
================================
*/   
.bread {
	padding: 0px 4px 0px 0px;
	background-color: #cdd5de;

	color: #546e88;
	
	font-size: 11px;
	font-family: Tahoma, Verdana, Calibri;
	font-weight: normal; 
}

td.bread { vertical-align: middle; text-align: left; white-space: nowrap; }

A.bread:link {
	background-color: transparent;
	text-decoration: underline;
	
	color: #363693;
	font-weight: bold; 
}

A.bread:visited {
	background-color: transparent;
	text-decoration: underline;
	
	color: #363693;
	font-weight: bold; 
}

A.bread:hover {
	background-color: transparent;
	color: #21578c;	

	text-decoration: underline;
	font-weight: bold; 
}

A.bread:active {
	background-color: transparent;
	color: #21578c;

	text-decoration: underline;
	font-weight: bold; 
}

/* 
================================
Information bar
================================
*/ 

.gray {	background-color: #cdd5de; }
td.gray { vertical-align: middle; text-align: left; white-space: nowrap; width: 100%; }

.login {
	background-color: #cdd5de;
	color: #546e88;
	
	font-size: 11px;
	font-family: Tahoma, Verdana;
	font-weight: normal; 
}
td.login { vertical-align: middle; text-align: center; width: 174px; white-space: nowrap; border-left: solid 3px #f3f5fa; }

A.login:link {
	background-color: Transparent;
	color: #363693;
	
	text-decoration: none;
}

A.login:visited {
	background-color: Transparent;
	color: #363693;
	
	text-decoration: none;
}

A.login:hover {
	background-color: Transparent;
	color: #21578c;
	
	text-decoration: underline;
}

A.login:active {
	background-color: Transparent;
	color: #21578c;
	
	text-decoration: underline;
}

/* 
================================
Navigation menu
================================
*/  
.skinmenu {
	background-image: url(Pictures/menu-back.jpg);
	border: none;
}

td.skinmenu { vertical-align: middle; text-align: left; white-space: nowrap; }

/* Separator */
.MainMenu_MenuBreak {
	background-image: url(Pictures/menu-back.jpg);
	border:none;
}

.MainMenu_MenuBreak TD {
	color: #ffffff;
	font-size: 10pt;
	font-weight: normal; 
	font-family: Tahoma; 
} 

/* Root items on the bar */
.MainMenu_MenuItem {
	background-color: Transparent;
	cursor: hand;
	color: #ffffff;
	
	font-size: 11px;
	font-family: Tahoma; 
	font-weight: normal;
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 1px 3px 0px 0px;   /*explicitly set padding for root menu items*/
}

.MainMenu_MenuItemSel
{
	background-color: Transparent;
	cursor: hand;
	color: #21578c;

	font-size: 11px;
	font-family: Tahoma; 
	font-weight: normal; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 1px 3px 0px 0px;   /*explicitly set padding for root menu items*/
}

.MainMenu_RootMenuArrow
{
	color: Green;
}

.MainMenu_MenuArrow
{
	display: none;
	border: solid 1 #000000;
}

.MainMenu_MenuIcon;
{
	display: none;
}

.MainMenu_SubMenu
{
	z-index: 1000; 
	cursor: pointer;
	cursor: hand;
	
	background-color: #9fb8d4; 
	
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	
	border-bottom: #FFFFFF 1px solid; 
	border-left: #cdd5de 1px solid; 
	border-top: #cdd5de 1px solid; 
	border-right: #FFFFFF 1px solid;
}

/* 
================================
Content panes
================================
*/  
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: auto;
	
	background-color: transparent;
	padding-left: 4px;
	padding-right: 0px;
	padding-top: 4px;
	
	vertical-align: top; text-align: center;
	/*border: 1 solid #000000;*/
}
.contentpane {
	width: 100%;
	
	background-color: transparent;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;

	vertical-align: top; text-align: left;
	/*border: 1 solid #000000;*/
}
.rightpane {
	width: auto;
	
	background-color: transparent;
	padding-left: 0px;
	padding-right: 4px;
	padding-top: 4px;

	vertical-align: top; text-align: center;
	/*border: 1 solid #000000;*/
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

/* 
================================
Controls
================================
*/  
.StandardButton {
  background: #5b85d9 none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}

.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}

.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}

.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}