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

/* CSS Document */

/*-------- Default Style --------*/

/*-------- design style --------*/
.template_style{width:960px; margin:auto; direction: ltr;}

.top_space{height:34px;}
.lang_pad{padding:7px 35px 0px 0px;}

.logo_top_left{padding:0px; margin:0px; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0px; margin:0px; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_top_bg{padding:0px; margin:0 39px 0 27px; background:#FFF url(images/logo_top_bg.png) repeat-x top;height:23px;}
.logo_left{padding:0px; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0px; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 ;height:204px;}

.menu_bg{padding:0 0 0 6px;  margin: 0 19px 0 7px; height:40px; background:url(images/menu_bg.png) repeat-x top left;}
.menu_left{padding:0px; margin:0px; background:url(images/menu_left.png) no-repeat top left;}
.menu_right{margin:0px; background:url(images/menu_right.png) no-repeat top right; }

.search_style{float:left; padding:8px 0px 0px 0px;}
.search_bg{padding-right:2px;}
.search_bg Input{color: #43494D;}

.menu_style{float:right;}

.bread_bg{padding:0px; margin: 0 19px 0 7px; background:url(images/bread_bg_gray.png) repeat-x top left; height:34px;}
.bread_left{padding:0px; margin:0px; background:url(images/bread_left.png) no-repeat top left;}
.bread_right{padding:0px;  background:url(images/bread_right.png) no-repeat top right;}

#login_style{ float:left; padding:8px 17px 0px 10px; }
#bread_style{ float:right; padding:8px 0px 0px 17px; color:#000000; font-size:13px; }

.center_bg{padding:0px; margin:0px;}
.left_bg{padding:0px; margin:0px; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0px; margin:0px; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:10px 22px 10px 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}

.bot_left{padding:0px; margin:0px; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0px; margin:0px; background:url(images/bot_right.png) no-repeat top right; padding:0px 39px 0px 27px;}
.bot_bg{padding:0px; margin:0px; background:url(images/bot_bg.png) repeat-x top left; height:41px;}

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

.clear_float{clear:both;}

/*--------- zone style ----------*/
.ContentZone, .TopZone, .BottomZone{ padding:0px; margin:0px;}
.LeftZone{ padding:0px 10px 0px 0px; width:10em; margin:0px; }
.RightZone{ padding:0px 0px 0px 10px; width:10em; margin:0px; }

/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{ color:#4F839F; font-size:13px; }
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.links {text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#4F839F; font-size:11px; text-transform:uppercase; }
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#4F839F; font-size:12px;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#4F839F; font-size:12px;}
a.footer:hover{color:#C00;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 200px; height: 20px; border: solid 1px #e0e0e0; position:absolute; right:35px; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px 5px; position:relative; display: block;}
div.SearchIcon{float: right; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:left;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: right; z-index: 10; border: 0px; width:150px; height:18px; margin-left:3px;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:right; font-size:12px; 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:right; 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;}

body
{
    margin: 0 auto;
    font: Tahoma;
    background-color: #DBEFBA;
}
form
{
    margin: 0;
    padding: 0;
}
a
{
    color: #2d7280;
}
h1, h2, h3
{
    padding: 0;
    margin: 0;
    line-height: 0em;
}
h1
{
    font: 25px Garamond, Times, serif;
    color: #3b2b1b;
    font-style: italic;
    letter-spacing: 0;
}
h2
{
    font: 20px Garamond, Times, serif;
    color: #3b2b1b;
}
h3
{
    font: 15px Garamond, Times, serif;
    color: #3b2b1b;
}

#top_area
{
    width: 100%;
    margin: 0 auto;
    clear: both;
    padding-top: 8px;
}
#logo
{
    width: 962px;
    height: 191px;
    margin: 0 auto;
    font: 9pt Tahoma;
}
#navigation
{
    width: 962px;
    margin: 0 auto;
    font: 10pt Tahoma;
    margin-top: 7px;
}
#navigation a
{
    color: #ffffff;
    text-decoration: none;
}
#navigation a:hover
{
    color: #23407c;
    text-decoration: none;
}
#TabBody
{
    background: url('images/Tab-Back.gif') repeat-x;
    color: White;
}
#top_right
{
    float: left;
    padding-top: 7px;
    padding-right: 9px;
}
#brown_frame
{
    width: 911px;
    height: 248px;
    margin: 0 auto;
    clear: both;
    font: 9pt Tahoma;
}
#brown_frame A
{
    color: navy;
    text-decoration: none;
    border-bottom: none;
}
#brown_frame A:hover
{
    color: blue;
    text-decoration: none;
    border-bottom: solid 1px blue;
}
#middle_area
{
    width: 962px;
    margin: 0 auto;
    padding: 0px;
    clear: both;
}
#lower_wrapper
{
    width: 962px;
    padding: 0px;
    clear: both;
    margin: 0 auto;
    padding-top: 7px;
    position: relative;
}
#left_wrapper
{
    width: 206px;
    padding-left: 0px;
    padding-right: 0px;
}
#center_wrapper
{
    width: 536px;
    padding-left: 7px;
    padding-right: 7px;
}
#right_wrapper
{
    width: 206px;
    padding-left: 0px;
    padding-right: 0px;
}
#sub_wrapper
{
    width: 100%;
    float: left;
    padding: 0x;
}
#sub_wrapper_top
{
    height: 27px;
}
#sub_wrapper_top_shadow
{
    background: url(images/sub_body_top_shadow.gif) no-repeat 0 0;
    width: 911px;
    height: 13px;
    font-size: 1px;
}
#sub_wrapper_content
{
    float: left;
}
#sub_wrapper_bottom
{
    background: url(images/sub_body_bottom.gif) no-repeat 0 0;
    width: 911px;
    height: 18px;
    float: left;
}
#footer_container
{
    width: 962px;
    margin: 0 auto;
    text-align: center;
    margin-top: 7px;
}
#footer_area
{
    width: 100%;
    height: 35px;
    font: 10px Tahoma;
    color: #222222;
}
#footer_container a
{
    font: 10px Arial, Verdana, sans-serif;
    color: #fff;
}

.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=50);
    opacity: 0.50;
}
.modalPopup
{
    background-color: #ffffdd;
    border-width: 2px;
    border-style: solid;
    border-color: Gray;
    width: 300px;
}

.LTR
{
    direction: rtl;
}
.RTL
{
    direction: ltr;
}
.AlignLeft
{
    text-align: left;
}
.AlignRight
{
    text-align: right;
}
.AlignCenter
{
    text-align: center;
}
.Login_Label
{
    padding-top: 4px;
}
.Login_Button
{
    background: url(images/buttonBody.gif) no-repeat 0 0;
    border: none;
    width: 63px;
    height: 21px;
    color: White;
}

.Body_Button
{
    background: url(images/button.gif) no-repeat 0 0;
    border: none;
    width: 63px;
    height: 21px;
    color: White;
}

.WebPart
{
	
}
.WebPart_Chrome
{
	
}
.WebPart_Title
{
    background: url(images/ModuleSide-Top.gif) repeat-x 0 0;
    height: 36px;
    padding: 0;
    padding-left: 8px;
    padding-right: 8px;
}
.WebPart_Title table
{
	
}
.WebPart_Body
{
    width: 100%;
    border: solid 1px #CDEBAD;
    background-color: #DBEFBA;
    
}
.WebPart_Body Table
{
}

.WebPart_Footer
{
}
.WebPartCenter
{
}
.WebPartCenter_Header
{
	
}
.WebPartCenter_Chrome
{
}
.WebPartCenter_Title
{
    background: url(images/ModuleCenter-Top.gif) repeat-x 0 0;
    height: 36px;
    padding: 0;
    padding-left: 8px;
    padding-Right: 8px;
    font: 10pt Tahoma;
}
.WebPartCenter_Title table
{
}
.WebPartCenter_Body
{
    width: 100%;
    background-color: #F8FAEC;
    
}
.WebPartCenter_Footer
{
    font-size: 1px;
    height: 18px;
    border:solid 1apx red;
    background-color: red;
    padding: 0;
}
.Module_Link
{
    text-decoration: none;
}
.Module_Link:hover
{
    text-decoration: underline;
}
.NavBar
{
    background-color: #FFFFFF;
    background-image: url(images/navbar/group_bg.gif);
    border: none;
    border-left: 1px solid #777;
    border-bottom: 1px solid #777;
    padding: 0px 0px 0px 0px;
    cursor: default;
}
.TopItem
{
    color: #FFFFFF;
    background-image: url(images/navbar/item_bg.gif);
    background-color: #6fb8c0;
    font-family: tahoma, verdana;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #6fb8c0;
    padding-top: 4px;
    padding-bottom: 2px;
    cursor: hand;
    cursor: pointer;
    height: 30px;
}
.TopItemHover
{
    color: #FFFFFF;
    background-image: url(images/navbar/item_hoverBg.gif);
    background-color: #90c8ce;
    font-family: tahoma, verdana;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #6fb8c0;
    padding-top: 4px;
    padding-bottom: 2px;
    cursor: hand;
    cursor: pointer;
    height: 30px;
}
.Level2Item
{
    font-family: tahoma, verdana;
    font-size: 11px;
    padding-left: 10px;
    cursor: hand;
}
.Level2ItemHover
{
    font-family: tahoma, verdana;
    font-size: 11px;
    text-decoration: underline;
    padding-left: 10px;
    cursor: hand;
}
.Level2Group
{
    background-color: Transparent;
    border-top-color: #F0F1F5;
    padding: 10px;
    padding-left: 10px;
    padding-right: 0px;
}
.Empty
{
}
.TreeView
{
    background-color: White;
    padding-top: 4px;
    padding-left: 1px;
    border: #7C7C94 1px solid;
    cursor: default;
}
.TreeNode
{
    font-family: tahoma;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
}
.GrayedTreeNode
{
    font-family: tahoma;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    color: gray;
    cursor: default;
}
.HoverTreeNode
{
    font-family: tahoma;
    font-size: 11px;
    text-decoration: underline;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: default;
}
.SelectedTreeNode
{
    font-family: tahoma;
    font-size: 11px;
    background-color: gray;
    color: white;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: default;
}
.NodeEdit
{
    border: 1px gray solid;
    font-family: tahoma;
    font-size: 11px;
}
#box
{
    direction: rtl;
    margin: 0 auto;
    margin-bottom: 10px;
}
#box-header
{
    height: 36px;
    background: url( 'images/ModuleSide-Top.gif' );
    color: #424f3e;
    font: 10pt Tahoma;
}
#box-body
{
    padding-left: 10px;
    padding-right: 10px;
    background-color: #DBEFBA;
    border: solid 1px #cdebad;
}
#box2
{
    direction: rtl;
    margin: 0 auto;
    margin-bottom: 10px;
}
#box2-header
{
    height: 36px;
}
#box2-body
{
    padding-left: 10px;
    padding-right: 10px;
    background-color: #d9e8b1;
    border-top: none;
    color: #333;
}
#body
{
    border: solid 1px #356108;
}
.EmailSrv
{
    width: 206px; 
    height: 36px; 
    background-image: url('images/imgEmailsrv.gif'); 
    font: 10pt Tahoma;
}