@import url("css/menu.css");

/* CSS Document */
#Body {
    background-position: left top;
    background: left
top;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* ControlPanel style */
.ControlPanel{
    background-position: left bottom;
    background: transparent repeat-x left
bottom;
    border: medium solid #000000;
    padding-bottom: 10px;
}
.cpanel_left {
    background-position: left bottom;
    background: no-repeat left
bottom;
    padding-left: 21px;
}
.cpanel_right {
    background-position: right bottom;
    background: no-repeat right
bottom;
    padding-right: 33px;
}

/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#2E3D47; font-family:Arial, Verdana, Helvetica, sans-serif;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:11px;}
h1, h2, h3, h4, h5, h6{color:#0298B9;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:16px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}


a,a:link,a:visited,a:active{
    color: #0298B9;
    text-decoration: none;
    font-weight: normal;
}
a:hover{
    color: #0298B9;
    text-decoration: underline;
}
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Arial, Verdana, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/

#s_wrap_main{display:table;width:970px; margin:0 auto;}
#s_wrap_sub{display:table-row}
.template_style{display:table-cell}


.top_space{height:34px;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.logo_top_left{
    background-position: left top;
    padding: 0;
    margin: 0;
    background: no-repeat left
top;
    height: 23px;
}
.logo_top_right{
    background-position: right top;
    padding: 0;
    margin: 0;
    background: no-repeat right
top;
}
.logo_top_bg{
    background-position: top;
    padding: 0;
    margin: 0 39px 0 27px;
    background: #FFF repeat-x top;
    height: 23px;
}
.logo_left{
    background-position: left top;
    padding: 0;
    background: repeat-y left
top;
}
.logo_right{
    background-position: right top;
    padding: 0;
    background: repeat-y right
top;
}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 0 10px 10px;}

.menu_bg{
    background-position: left top;
    padding: 0 0 0 6px;
    margin: 0 21px 0 9px;
    background: left
top;
}
.menu_left{
    background-position: left top;
    padding: 0;
    margin: 0;
    background: repeat-y left
top;
}
.menu_right{
    background-position: right top;
    margin: 0;
    background: repeat-y right
top;
}
.search_style{
    float: right;
    height: 25px;
    width: 220px;
}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{
    background-position: left top;
    padding: 0;
    margin: 0 19px 0 7px;
    background: repeat-x left
top;
    height: 20px;
}
.bread_left{
    background-position: left top;
    padding: 0;
    margin: 0;
    background: no-repeat left
top;
    height: 34px;
}
.bread_right{
    background-position: right top;
    padding: 0;
    background: no-repeat right
top;
    height: 34px;
}
#login_style{
    text-align: right;
    vertical-align: bottom;
    width: 180px;
}
#logo_style{
    float: left;
    vertical-align: bottom;
}
#nav_style{
    width: 700px;
}
#bread_style{
    float: left;
    line-height: 20px;
    padding-left: 18px;
    color: #808080;
    font-size: 10px;
}

.center_bg{padding:0; margin:0;clear:both;}
.left_bg{
    background-position: left top;
    padding: 0;
    margin: 0;
    background: repeat-y left
top;
}
.right_bg{
    background-position: right top;
    padding: 0;
    margin: 0;
    background: repeat-y right
top;
}
.content_pad{
    background-position: left bottom;
    padding: 10px 22px 0 22px;
    margin: 0 19px 0 7px;
    background: #FFF repeat-x left
bottom;
}
.content_width{padding-top:15px; min-height:350px;}

.bot_left{
    background-position: left top;
    padding: 0;
    margin: 0;
    background: no-repeat left
top;
}
.bot_right{
    padding: 0;
    background-position: right top;
    margin: 0;
    background: no-repeat right
top;
    padding: 0 39px 0 27px;
}
.bot_bg{
    background-position: left top;
    padding: 0;
    margin: 0;
    background: repeat-x left
top;
    height: 41px;
}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{
    color: #0298B9;
    text-decoration: underline;
}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0; margin:0; }
.LeftPane{ padding:0 20px 0 0; width:20%; margin:0; }
.RightPane{
    padding: 0 0 0 20px;
    width: 20%;
    margin: 0;
}


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{
    color: #808080;
    font-size: 11px;
}
a.Breadcrumb:hover{
    color: #0298B9;
    font-size: 11px;
}

/*-------------- Link Style --------------*/
.linkscontainer{
    padding-top: 20px;
    text-align: center;
    color: #808080;
}
.links,a.links:link,a.links:active,a.links:visited{
    color: #808080;
}
a.links:hover{
    color: #0298B9;
}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited {
    color: #808080;
}
a.user:hover{
    color: #0298B9;
}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited {
    color: #808080;
}
a.footer:hover{
    color: #0298B9;
}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
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: 0; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#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: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}


.home_headerLeftPane
{
    border: 1px solid #C0C0C0;
    width: 300px;
    height: 30px;
    font-family: arial;
    font-size: 16px;
    color: #808080;
    text-align: center;
    font-weight: bold;
}
.home_headerRightPane
{
    border: 1px solid #C0C0C0;
    width: 300px;
    height: 30px;
    font-family: arial;
    font-size: 16px;
    color: #808080;
    text-align: center;
    font-weight: bold;
    
}
.home_headerContentPane
{
    border: 1px solid #C0C0C0;
    width: 300px;
    height: 30px;
    font-family: arial;
    font-size: 16px;
    color: #808080;
    text-align: center;
    font-weight: bold;
}
.home_LeftPane
{
    width: 299px;
    text-align: center;
    vertical-align: top;
}
.home_RightPane
{
    width: 300px;
    
}
.home_ContentPane
{
    width: 299px;
}
.home_BottomPane
{

}
.home_imgLeftPane
{
    width: 300px;
    height: 75px;
    background-image: url(images/News6.jpg);
    background-repeat: repeat-x;
   
}
.home_imgRightPane
{
    margin: 0;
    width: 300px;
    height: 75px;
    background-image: url(images/Videos2.jpg);
    background-repeat: repeat-x;

}
.home_imgContentPane
{
    width: 300px;
    height: 75px;
    background-image: url(images/Events5.jpg);
    background-repeat: repeat-x;    
}
.home_spacerCol
{
    width: 25px;
}
/*-------------- Box panes Style --------------*/
.box_Topleft
{
    background-position: left top;
    background-image: url(images/lt-box.gif);
    background-repeat: no-repeat;
    width: 7px;
    height: 8px;
    font-size: 0px;
}
.box_Topright
{
    background-position: right top;
    background-image: url(images/rt-box.gif);
    background-repeat: no-repeat;
    width: 7px;
    height: 8px;
    font-size: 0px;
}
.box_bottomleft
{
    background-position: left bottom;
    background-image: url(images/lb-box.gif);
    background-repeat: no-repeat;
    font-size: 0px;
    height: 7px;
    width: 7px;
}
.box_bottomright
{
    background-position: right bottom;
    background-image: url(images/rb-box.gif);
    background-repeat: no-repeat;
    font-size: 0px;
    height: 7px;
    width: 7px;
}
.box_bottomMid
{
    background-position: bottom;
    background-repeat: repeat-x;
    background-image: url(images/border.gif);
    font-size: 0px;
    height: 7px;
}
.box_TopMid
{
    background-image: url(images/border.gif);
    background-repeat: repeat-x;
    height: 8px;
    font-size: 0px;
}
.box_CenterLeft
{
    background-position: left top;
    background-image: url(images/border.gif);
    background-repeat: repeat-y;
    height: 100%;
    width: 7px;
}
.box_CenterRight
{
    background-position: right top;
    background-image: url(images/border.gif);
    background-repeat: repeat-y;
    width: 7px;
    height: 100%;
}
.home_bg
{
    background-position: right top;
    background-image: url(images/bg-body.jpg);
    background-repeat: no-repeat;
    height: 600px;
}