﻿body {
	height:100%;
	margin:0px;
	padding:0px;
	background-color: #999999;
	background-attachment:fixed;
	background-image:url('images/bg.png');
	background-repeat:repeat-x;
	background-position:left top;

}

/*-------- Default Style --------*/
th,td,div{
	font: 11px/18px Arial, Helvetica, sans-serif;
	color: #333333;
}
a,a:link,a:visited,a:active{
	color:#4382C0;
	text-decoration:none;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-weight:normal;
	display: inline;
}
a:hover{color:#4382C0; text-decoration:none; }

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
    text-decoration: none;
    color: #6699CC;
}

A.CommandButton:visited
{
    text-decoration: none;
    color: #6699CC;
}

A.CommandButton:hover
{
    text-decoration: underline;
    color: #6699CC;
}

A.CommandButton:active
{
    text-decoration: none;
    color: #6699CC;
}

/*-------- design style --------*/
.template_style{width:960px; margin:auto;}

.top_space{
	height:120px;
}
.logo_pad{
	height:130px;
	width: 300px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}







.menu_style{
	width: 100%;
	height:40px;
	text-align: left;
	vertical-align:top;
	padding:0;
	margin:0:
}
.search_style{
	width: 260px;
	height:40px;
	text-align: right;
	vertical-align:top;
	padding-top:7px;
}
.search_bg{
	width:300px;
	padding-right:2px;
	background-color:#000;
}
.search_bg Input{
	color: #000;
}
   .Contente{
   	position:relative;
	top:-4px;
	width:100%;
	max-width:954px;
	height:39px;
	margin:0 auto;
	-webkit-box-shadow: 	0 8px 12px -6px rgba(0,0,0,0.5);
	-moz-box-shadow: 	0 8px 12px -6px rgba(0,0,0,0.5);
	box-shadow: 			0 8px 12px -6px rgba(0,0,0,0.5);
}
	
	
	#Nav{
		position:relative;
		width:82%;
		margin:auto;
		height:auto;
		float:left;
		border-radius: 				6px 0 0 6px;
		-webkit-border-radius: 	6px 0 0 6px;
		-moz-border-radius:		6px 0 0 6px;

	}
	#SearchBox{
		border-radius: 				0 6px 6px 0;
		-webkit-border-radius: 	0 6px 6px 0;
		-moz-border-radius:		0 6px 6px 0;
	
	}
	
	#SearchBox, #Nav{
	background:#fff url(Superfish/Images/MenuBG.jpg) 0 0 repeat-x;
	}
	
	#SearchBox .SkinObject{font-family:Yanone Kaffeesatz, Lucida Sans Unicode, sans-serif;font-weight:normal;color:#222}
    #SearchBox{float:right;position:relative;z-index:200;width:18%;height:39px;}
    #SearchBox #dnn_dnnSearch_txtSearch.NormalTextBox{float:right;position:relative;top:8px;right:30px;z-index:2000;width:60%;background:none;border:solid 1px rgba(0,0,0,0.1); color:#383838; font-size:12px; font-family:Yanone Kaffeesatz, Lucida Sans Unicode, sans-serif; padding:0px; height:22px; line-height:20px; outline:none;text-indent:5px;
	-khtml-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
	-moz-box-shadow:inset 0 -13px 5px rgba(255,255,255,0.6);-webkit-box-shadow: inset 0 -13px 5px rgba(255,255,255,0.6);-o-box-shadow:inset 0 -13px 5px rgba(255,255,255,0.6); -khtml-box-shadow:inset 0 -13px 5px rgba(255,255,255,0.6); box-shadow: inset  0 -13px 5px rgba(255,255,255,0.6); -ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;}
	#SearchBox #dnn_dnnSearch_txtSearch.NormalTextBox:focus {background:rgba(255,255,255,0.8);width:80%;}
	#SearchBox a#dnn_dnnSearch_cmdSearch.SkinObject:link,
    #SearchBox a#dnn_dnnSearch_cmdSearch.SkinObject:active,
   #SearchBox a#dnn_dnnSearch_cmdSearch.SkinObject:visited{
	position:absolute;
	top:0px;
	right:2px;
	width:30px;
	height:100%;
	z-index:2000; 
	background:url(images/search.png) 0 0 no-repeat;
}
    #SearchBox a#dnn_dnnSearch_cmdSearch.SkinObject:hover{ 	background:url(images/search.png) 0 -39px no-repeat;}




.bread_bg{
	padding:0px;
	height:34px;
	background-color: transparent;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}

.titlehead{
	color:#000000;
	font-size:12;
	font-weight:bold;
}

#login_style{
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 100px;
	text-align: right;
}
#bread_style{
	float:left;
	color:#000000;
	font-size:11px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin:0px;
}

.center_bg{padding:0px; margin:0px; background-color: transparent;}
.left_bg{
	padding:0px;
	margin:0px;
	background-image: url(images/bread_left.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.right_bg{
	padding:0px;
	margin:0px;
	background-image: url(images/bread_right.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.content_pad{
	background-color: #000;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}

.bot_pad{
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 2px;
}
#terms_style{
}
#copy_style{
}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0px 0px 0px 0px; width: 100%; margin:0px;}
.LeftPane{ padding:0px 0px 0px 0px; width:0px; margin:0px; width:200px; }
.RightPane{ padding:0px 0px 0px 0px; width:0px; margin:0px; width:200px;}

/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{ color:#ffffff; font-size:11px; }
a.Breadcrumb:hover{color:#99CCFF; text-decoration:underline;}

/*-------------- Link Style --------------*/
.links {text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{color:#ffffff; font-size:11px;}
a.links:hover{color:#99CCFF; text-decoration:underline;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited {
	color:#ffffff;
	font-size:11px;
}
a.user:hover{color:#99CCFF; text-decoration:underline;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#ffffff; font-size:11px;}
a.footer:hover{color:#99CCFF; text-decoration:underline;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchContainer a{position:relative; z-index:1; top:2px; left:-5px; display: block; width:30px; float:right;}
div.SearchBorder{width: 150px; height: 20px; border-top: solid 1px #666666; border-left: solid 1px #666666; border-bottom: solid 1px #999999; border-right: solid 1px #999999; position:absolute; top:0px; right:10px; background-color: #fff; white-space: nowrap; margin-top: 2px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:100px; height:18px; margin-left:3px; margin-right:1; margin-top:0px; background-color:#ffffff;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; font-size:11px; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #B0B0B0;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}

/*------------------------------------------------------------------
			MENU
 --------------------------------------------------------------------*/

 
/* main menu td */
.main_dnnmenu_bar 
{
	cursor:pointer;
	outline:none
}



/*  Main Menu Normal  */
.main_dnnmenu_rootitem{
	color: #222222;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	padding:15px 20px 14px 20px;
	background:url(images/menu_unselected.png) no-repeat top right;
	line-height:45px;
}

/*  Main menu hover  */
.main_dnnmenu_rootitem_hover, .menu_style ul li a:hover
{  
	color:#000000;
	font-size: 11px; 
	font-weight:bold;
	text-align:center;
	padding:15px 20px 14px 20px;
	background:url(images/menu_hover.png) no-repeat top right;
	line-height:45px;
}


/*  IE 11 FIXl  */

.menu_style ul{
	margin:0;
	padding:0;
	display:block;
}
.menu_style ul li{
	display:inline-block;

}

.menu_style ul ul{
	position:absolute;
	background:#bbb;
	z-index:10000;
	width:200px;
}

.menu_style ul ul li{
	display:none;

}

.menu_style ul li:hover ul li{
	display:block;
}


 .menu_style  ul  li  a {
	color: #222222;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	padding:15px 20px 14px 20px;
	background:url(images/menu_unselected.png) no-repeat top right;
	line-height:45px;
}


 .menu_style ul li a:hover{  
	color:#000000;
	font-size: 11px; 
	font-weight:bold;
	text-align:center;
	padding:15px 20px 14px 20px;
	background:url(images/menu_hover.png) no-repeat top right;
	line-height:45px;
}

.menu_style ul ul  li  a {
	background:#fff;
	width:90%;
	display:block;
	text-align:left;
	padding:5px 10%;
	line-height:15px;

}

.menu_style ul ul  li  a:hover {
	background:#4e89e3;
	color:#fff;
	text-align:left;
	padding:5px 10%;
	line-height:15px;

}


/*  Main menu selected  */
.main_dnnmenu_rootitem_selected 
{
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	font-size: 11px;
	padding:15px 20px 14px 20px;
	background:url(images/menu_selected.png) repeat-x top left;
	line-height:45px;
}

/*  SUB Menu Normal */
.main_dnnmenu_submenu 
{
	border:1px solid #99CCE5;
 	z-index: 10000;
}

.main_dnnmenu_submenu td
{
	background-color:#fff;
	z-index: 1000;
	font-size: 11px; 
	font-weight:bold;
	text-align:left;
	color:#000000;
	line-height:2em;
	padding: 0px 5px;
	margin:0px;
}

/*  SUB Menu hover & selected */
.main_dnnmenu_itemhover td,.main_dnnmenu_itemselected td   
{  
	font-size: 11px;
	background-color: #299CFA;
	color:#ffffff;
	font-weight:bold;
	text-align:left;
	line-height:2em;
	z-index: 1000; 
	padding: 0px 5px;
	margin:0px;
}

.main_dnnmenu_break
{
	height: 2px;
	background-color: #D5E0FF;
}

/* Module Action Menus */
.ModuleTitle_SubMenu
{
	border:1px solid #C0D6E5;
}

.ModuleTitle_SubMenu td{
	background-color:#F8FAFF;
	white-space: nowrap;
} 

.ModuleTitle_MenuIcon {
	background-color:#F8FAFF; 
	border:none;
	padding: 0px 2px;
}

.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{
	background: #CE0D0D url(images/menu_hover.gif) repeat-x top left;
	color: #fff;
}

.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{
	height: 2px;
	background-color: #D5E0FF;
}
/*************************************************************
 FONTS 
**************************************************************/

@font-face {
	font-family: 'fontello';
	src:url('Fonts/fontello/fontello.eot');
	src:url('Fonts/fontello/fontello.eot?#iefix') format('embedded-opentype'),
		url('Fonts/fontello/fontello.ttf') format('truetype'),
		url('Fonts/fontello/fontello.woff') format('woff'),
		url('Fonts/fontello/fontello.svg#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('Fonts/OpenSans/OpenSans-Light-webfont.eot');
    src: url('Fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('Fonts/OpenSans/OpenSans-Light-webfont.woff') format('woff'),
         url('Fonts/OpenSans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('Fonts/OpenSans/OpenSans-LightItalic-webfont.eot');
    src: url('Fonts/OpenSans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/OpenSans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('Fonts/OpenSans/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('Fonts/OpenSans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansItalic';
    src: url('Fonts/OpenSans/OpenSans-Italic-webfont.eot');
    src: url('Fonts/OpenSans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/OpenSans/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('Fonts/OpenSans/OpenSans-Italic-webfont.woff') format('woff'),
         url('Fonts/OpenSans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('Fonts/OpenSans/OpenSans-Bold-webfont.eot');
    src: url('Fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/OpenSans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('Fonts/OpenSans/OpenSans-Bold-webfont.woff') format('woff'),
         url('Fonts/OpenSans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('Fonts/OpenSans/OpenSans-Regular-webfont.eot');
    src: url('Fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('Fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'),
         url('Fonts/OpenSans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('Fonts/OpenSans/OpenSans-Semibold-webfont.eot');
    src: url('Fonts/OpenSans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/OpenSans/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('Fonts/OpenSans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('Fonts/OpenSans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
font-family: 'TitilliumText25L600wt';
src: url('Fonts/Titillium/TitilliumText25L002-webfont.eot');
src: url('Fonts/Titillium/TitilliumText25L002-webfont.eot?#iefix') format('embedded-opentype'),
	 url('Fonts/Titillium/TitilliumText25L002-webfont.ttf') format('truetype'),
	 url('Fonts/Titillium/TitilliumText25L002-webfont.woff') format('woff'),
	 url('Fonts/Titillium/TitilliumText25L002-webfont.svg#TitilliumText25L600wt') format('svg');
font-weight: normal;
font-style: normal;
}
