@import url("css/variations/stylesheetwidget.css");

BODY 
{
	background : #a9aba8;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
}
.Page_Bg
{
	background: #a9aba8 url(images/s_r1_c1.jpg) repeat-x top;
	color : #fff;
	line-height : 16px;
}

#wrapper {
	POSITION: relative; HEIGHT: 258px;
}
#wrapper-top 
{
	border:solid 0px red;
	display : block;
	margin : 0;
	padding : 0;
	text-align : center;
	width:100%;
}
#wrapper-content 
{
	background :  url(images/wrap-content-bg.jpg) center repeat-y;
	border:solid 0px yellow;
	margin : 0 auto;
	padding : 0;
	text-align:center;
}
#wrapper-media {
	height : 221px;
	margin : 0;
	overflow : hidden;
	padding : 0;
	width : 950px;
}
#top-background
{
	background-color:white;
	height:125px;
	max-height:125px;
	padding-top:28px;
	width:100%;
}
#top-content
{
	width:950px;
	margin : 0 auto;
	text-align:center;
}
#middle-content
{
	border:solid 0px yellow;
	background : url(images/top_shade_fff.jpg) top left repeat-x;
	background-color:white;
	margin : 0 auto;
	padding-bottom:10px;
	text-align:center;
	width:950px;
}
#middle-content #loginTextWidgetContainer
{
	float:left;
	height:38px;
	padding-top:8px;
	width:64%;
}
#middle-content #login
{
	float:left;
	margin-left:10px;
	text-align:left;
	width:40%;
}
#middle-content #textWidgetContainer
{
	float:right;
	height:29px;
	text-align:right;
	width:50%;
}
#middle-content .left
{
	float:left;
	padding-bottom:10px;
	width:61%;
	_width:64%;
}
#middle-content .content
{
	border:solid 0px green;
	float:right;
	margin-left:0px;
	padding-bottom:10px;
	width:34.5%;
	_width:34%;
}
#middle-content .contentAdmin
{
	border:solid 0px yellow;
	padding-bottom:10px;
	width:100%;
}
#bottom-content
{
	background-color:#cccccc;
	border-top:solid 1px #eeeeee;
	color:#3E81B5;
	margin : 0 auto;
	text-align:center;
	width:950px;
}
#menu-bar-selections
{
	background: url(images/navBack.jpg) bottom repeat-x; 
	display:block;
	height:35px;
	overflow:hidden;
	text-align:left;
	width:950px;
}
#main {
	margin : 0;
	padding : 0;
}
.media {
	background-color : #a0b7a3;
	display : block;
	margin : 0;
	padding : 0;
}
#footer-cap
{
	background:url(images/footNub.png) no-repeat;
	height:15px;
	margin : 0 auto;
	text-align:center;
	width:950px;
}
#font_widget
{
	border:solid 1px yellow;
	float:left;
	text-align:right;
	width:33%;
	height:100px;
}
#logo {
	Z-INDEX: 3; LEFT: 29px; WIDTH: 228px; POSITION: absolute; TOP: 29px; HEIGHT: 58px
}
#user {
	Z-INDEX: 3; RIGHT: 8px; POSITION: absolute; TOP: 8px; HEIGHT: 18px; TEXT-ALIGN: right
}
#header {
	Z-INDEX: 2; BACKGROUND:  url(headerbg.gif); WIDTH: 100%; BOTTOM: 40px; POSITION: absolute
}
#menu {
	Z-INDEX: 1; BACKGROUND:  url(menubg.jpg); WIDTH: auto; BOTTOM: 0px; POSITION: absolute; HEIGHT: 54px
}
#SearchContainer INPUT {
	BORDER: #cbcaca 1px solid; FONT-SIZE:11px; BACKGROUND:  #ffffff ; WIDTH: 180px; COLOR: #000000;
}

#LanguageContainer SELECT {
	BORDER-RIGHT: #cbcaca 1px solid; BORDER-TOP: #cbcaca 1px solid; FONT-SIZE: 9px; BACKGROUND: #ffffff; MARGIN: 0px; BORDER-LEFT: #cbcaca 1px solid; WIDTH: 130px; COLOR: #000000; BORDER-BOTTOM: #cbcaca 1px solid; HEIGHT: 16px
}

.footerlinkpane {
    padding:5px 10px 5px 10px;
}
.toplinkpane {
	padding:5px 10px 5px 10px;
}
.toppane {
	padding:5px 10px 5px 10px;
}
.leftpane {
	padding:5px 10px 5px 10px;
}
.contentpane {
	padding:5px 10px 5px 10px;
}
.rightpane {
	padding:5px 10px 5px 10px;
}
.bottompane {
	padding:5px 10px 5px 10px;
}
.showpane {
	padding:5px 10px 5px 10px;
}

.logo{ padding-left:45px;}

.Skindesignedby{font-size:11px; color:#ccc;font-weight: normal;}

.Head {	FONT-WEIGHT: bold; COLOR: #ffffff}
.SubHead {	COLOR: #ffffff}
.SubSubHead { COLOR: #ffffff}
.Normal { COLOR: #ffffff;}
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active  {	COLOR: #ffffff; TEXT-DECORATION: underline}
A.CommandButton:hover {COLOR:#ffffff; TEXT-DECORATION: none}
TH,TD,DIV {	COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
A,A:link,A:visited ,A:active {	COLOR:#ffffff; TEXT-DECORATION: none}
A:hover {	COLOR: #FCAD1E; TEXT-DECORATION: underline}
A:visited {	COLOR:#ffffff; TEXT-DECORATION: none}
.user,A.user:link ,A.user:active,A.user:visited {FONT-WEIGHT:normal;FONT-SIZE:11px;/*COLOR: #8b2202;*/TEXT-DECORATION: none;}
A.user:hover {	FONT-WEIGHT: normal; FONT-SIZE: 11px; /*COLOR: #8b2202;*/ TEXT-DECORATION: underline ;}
.search,A.search:link,A.search:active,A.search:visited  {	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none}
A.search:hover {	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR:#FCAD1E; TEXT-DECORATION: underline ;}
.footer
{
	font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR:#fff; TEXT-DECORATION: none;
}
A.footer:link ,A.footer:active,A.footer:visited {	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR:#fff; TEXT-DECORATION: none}
A.footer:hover {	FONT-WEIGHT: normal; COLOR:#FCAD1E;FONT-SIZE: 11px; TEXT-DECORATION: underline;}

.breadcrumb
{
	font-family : Verdana, Arial, Helvetica, sans-serif;	
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR:#fff; TEXT-DECORATION: none;
}
A.breadcrumb:link ,A.breadcrumb:active,A.breadcrumb:visited {	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR:#fff; TEXT-DECORATION: none}
A.breadcrumb:hover {	FONT-WEIGHT: normal; COLOR:#FCAD1E;FONT-SIZE: 11px; TEXT-DECORATION: underline;}

.footer_blue
{
	font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR:#3C6BB2; TEXT-DECORATION: none;
}
A.footer_blue:link ,A.footer_blue:active,A.footer_blue:visited {	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR:#3C6BB2; TEXT-DECORATION: none}
A.footer_blue:hover {	FONT-WEIGHT: normal; COLOR:#FCAD1E;FONT-SIZE: 12px; TEXT-DECORATION: underline;}

.links,A.links:link ,A.links:active,A.links:visited{	FONT-WEIGHT: bold; FONT-SIZE:11px; COLOR: #666666; TEXT-DECORATION: none}
A.links:hover {	FONT-WEIGHT: bold; FONT-SIZE:11px;  COLOR: #FCAD1E; TEXT-DECORATION: underline}



.MainMenu_MenuContainer {
	background : #3C6BB2;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	display : block;
	text-align : left;
	padding : 0;
	margin : 0;
}


.MainMenu_MenuItemSel
{
}

.MainMenu_MenuBar {
}

.MainMenu_TabRootMenuItem TD
{
	background : #3C6BB2;
	border-left:solid 1px #FFFFFF;
	color:White;
	display : block; 
	font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	height: 35px;
	line-height: 35px;
	margin : 0; 
	padding : 0px 10px 0px 10px; 
	text-transform : uppercase;
}

.MainMenu_TabRootMenuItemSel TD
{	
	background : #85A01F;
	border-left:solid 1px #FFFFFF;
	color : #fff; 
	display : block; 
	font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	height:35px;
	line-height: 35px;
	padding : 0px 10px 0px 10px; 
	text-transform : uppercase;
 }

.MainMenu_TabMenuItemHover TD
{	
	background : #85A01F;
	border-left:solid 1px #FFFFFF;
	color : #fff; 
	display : block; 
	font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	height:35px;
	line-height: 35px;
	padding : 0px 10px 0px 10px;
	text-transform : uppercase; 
}

.MainMenu_TabMenuItemSelHover TD
{
	border-left:solid 1px #FFFFFF;	
	color : #fff; 
	display : block; 
	font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	height:35px;
	line-height: 35px;
	padding : 0px 10px 0px 10px; 
	text-transform : uppercase;
}

.MainMenu_MenuItem 
{ 
	border:0px;
	COLOR: #FFFFFF; 
	font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	height: 20px;
	padding:0px 15px 0px 10px;
	text-transform : uppercase;
}

.MainMenu_MenuIcon 
{
	display:none;
}

.submenuitemselected ,.submenuitembreadcrumb 
{ 
	BACKGROUND: #85A01F; 
	border:0px;
	COLOR: #FFFFFF; 
	cursor: pointer;
	cursor: hand;
	font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
    height: 20px;
	padding:0px 15px 0px 10px;
	text-transform : uppercase;
}

.submenu 
{
	BACKGROUND: #3376D4; 
	border:1px #cccccc solid;
	COLOR: #ffffff;
	cursor: pointer;
	cursor: hand;
	padding:0px;
	margin:2px 0px 0px 0px;
	text-transform : uppercase;
	Z-INDEX: 1000; 
}

.MainMenu_MenuBreak {
   	border: transparent 0px solid; 
	background-color: transparent; 
	height: 1px;
}

.MainMenu_MenuArrow {
    DISPLAY: none
}

.MainMenu_RootMenuArrow {
	DISPLAY:none;
}

.Eventday,.Eventweekenday{background-color:#FFFFFF}
.Eventday,.Eventweekenday{background-color:#FFFFFF}
.DataGrid_Item{background-color:#ffffff;color:#000000;}
.DataGrid_AlternatingItem{background-color:#ffffff;color:#000000;}

/*-------------- Link Style --------------*/
#linkscontainer
{
	float:left;
	padding:0px 0px 0px 15px;
	text-align:left;
	width:100%;
}
.links,a.links:link,a.links:active,a.links:visited
{
	color:#555555;
}
a.links:hover
{
	color:#C00;
}

.copy_style
{
	color:#555555;
	float:left;
	font-weight:bold;
	padding:0px 0px 0px 15px;
}

/*
.Header
{
	background: transparent url(images/Header_Bg.jpg) repeat-x;
}
*/

.Footer_Bg
{
	background-color: #3C6BB2;
	height: 34px;
	width: 100%;
}

.MediaPaneImage
{
	height: 170px !important;
	width: 300px !important;
}

.pane
{
	width: 25%;
}

.largepane
{
	width: 75%;
}

.s3{ background:url(images/s_r7_c3.jpg) left top repeat-y}
.s4{ background:url(images/s_r7_c13.jpg) right top repeat-y}
.bodyleft
{
	background-repeat: repeat-y;
	background-position: top;
	padding-left: 13px !important;
}

.bodyright
{
	background-repeat: repeat-y;
	background-position: top;
	padding-left: 12px !important;
}

.Metro_Logo
{
	padding-left: 10px;
}

.ContentBody
{
	background-color: #1A4067;
}

#ControlPanel_BG .subhead
{
	color: #1A4067;
}

#ControlPanel_BG .CommandButton,
#ControlPanel_BG A.CommandButton:link,
#ControlPanel_BG A.CommandButton:visited,
#ControlPanel_BG A.CommandButton:active		{color:#1A4067; TEXT-DECORATION:underline}
#ControlPanel_BG A.CommandButton:hover		{color:#FCAD1E; TEXT-DECORATION:none}

/* styles used in the FileManager */
.FileManager
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    height: 400px;
}
.FileManager_ToolBar
{
    border-bottom: black 1px solid;
    height: 25px;
}
.FileManager_Explorer
{
    height: 100%;
    border: #696969 1px solid;
    background-color: White;
    margin: 2px 2px 2px 2px;
}

.FileManager_FileList
{
    height: 100%;
    border: #696969 1px solid;
    background-color: White;
    margin: 2px 2px 2px 2px;
    overflow: auto;
}

.FileManager_MessageBox
{
    text-align: center;
    vertical-align: middle;
    background-color: White;
    padding: 25px 25px 25px 25px;
}

.FileManager_Header
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #000000 !important;
    background-color: #9EBFF6;
    border-bottom: #696969 1px solid;
    height: 25px;
}

.FileManager_Pager
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    background-color: #EEEEEE;
    border-top: #696969 1px solid;
    height: 25px;
    color: #000000 !important;
}

.FileManager_Pager .NormalBold
{
	font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    background-color: #EEEEEE;
    height: 25px;
    color: #000000 !important;
}

.FileManager_StatusBar
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color: #dedfde;
    height: 25px;
    margin: 2px 2px 2px 2px;
}

.FileManager_StatusBar td,
.FileManager_StatusBar .NormalBold
{
	font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color: #dedfde;
    color: #000000;
    height: 25px;
    margin: 2px 2px 2px 2px;
}


.FileManager_Item
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black !important;
    background-color: #F8F8F8;
    border-top: black 1px dashed;
    border-bottom: black 1px dashed;
}

.FileManager_Item td,
.FileManager_Item .Normal
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black !important;
    background-color: #F8F8F8;
}

.FileManager_AltItem
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black !important;
    background-color: #EEEEEE;
    border-style: none;
}

.FileManager_AltItem td,
.FileManager_AltItem .Normal
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black !important;
    background-color: #EEEEEE;
}

.FileManager_SelItem
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: Black;
    background-color: #99ffff;
    border-style: none;
}

.FileManagerTreeNode
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: Black;
}

.FileManagerTreeNodeSelected
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color: #dcdcdc;
    color: Black;
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link, A.Normal:link
{
    text-decoration: none;
    color: #000000;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited, A.Normal:visited
{
    text-decoration: none;
    color: #000000;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover, A.Normal:hover
{
    text-decoration: underline;
    color: #000000;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active, A.Normal:active
{
    text-decoration: none;
    color: #000000;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem td
{
    background-color: White;
    color: Red;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_Container td
{
    background-color: transparent;
}
.DataGrid_Footer td
{
    background-color: White;
}
.DataGrid_Header td
{
    background-color: White;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.DataGrid_Item td
{
    background-color: Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_SelectedItem td
{
    background-color: Silver;
    color: Blue;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
/*###########################   	Start Div Clear Style	#######################*/
	.ClearDivs
	{
		clear: both; 
		height: 0px; 
		line-height: 0px;
	}
/***********************************************************************************/
/**************					End Div Clear Style					****************/
/***********************************************************************************/