/**************************************************
*
*	Main tags
*
**************************************************/

* {
	margin:0px;
	padding:0px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:11px;
	color:#333333;
	font-family: "Lucida Grande", Arial, Helvetica, Arial, sans-serif;
	line-height:17px;
	background:#6d9fe4;
	background-image:url(/images/html_bg.jpg);
	background-repeat:no-repeat;
}

img {
	margin:0px;
	padding:0px;
	border:0px;
}

.line_dashed
{
	float:left;
	width:100%;
	height:15px;
	border-top:1px dashed #999999;
	margin-top:15px;
}

#wrapper {
	width: 940px !important;
	height:auto;
	padding: 0px 0px 20px 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	overflow: hidden;
}

#flags 
{
	float:left;
	width:200px;
	padding:7px 0px 7px 0px;
	height:11px;
	background-image:url(/images/flags_bg.png)	
} 
#flags a
{
	float:left;
	margin-left:10px;
		
}


#logo_top
{
	float:left;
	width:820px;
	height:80px;		
	padding:10px;
}

#main_top {
	float:left;
	width:940px;
	height:100px;
	padding:0px 0px 0px 0px;
	overflow: hidden;
	background-image:url(/images/main_top.png);
	margin-top:25px;
}

#breadcrumbs 
{
	float:left;
	width:100%;
	color:#ccc;
	margin-bottom:15px;
}

#breadcrumbs a 
{
	font-size:11px;
	color:#ccc;	
}

#main_middle {
	float:left;
	width:910px;
	padding:15px 15px 0px 15px;
	overflow: hidden;
	background:#FFFFFF;
}

#bottom_area {
	float:left;
	width:910px;
	padding:15px 0px 0px 0px;
	overflow: hidden;
	background:#FFFFFF;
	margin-top:15px;
	border-top:1px dashed #ccc;
	color:#999999;
}



#main_bottom {
	float:left;
	width:940px;
	height:10px;
	overflow: hidden;
	background-image:url(/images/main_bottom.png);
}

.item_container {
	float:left;	
	width: 430px;
	height:auto;
}

.options_bar {
	float:left;
	width:460px;
	padding:10px;
	margin-top:10px;
	border-top:1px dashed #cccccc;
}

#logo_btn {
	float:right;
	width:230px;
	height:85px;
	cursor:pointer;
}
/**************************************************
*
*	First page
*
**************************************************/

#slideshow 
{
    float:left;
    width: 693px;
    height:298px;
    margin-bottom:15px;    
    border:1px solid #ededed;
    overflow:hidden;
}

#members
{
	float:left;
	width:910px;
	padding:15px 0px 0px 0px;
	overflow: hidden;
	background:#FFFFFF;
	margin-top:15px;
	border-top:1px dashed #ccc;
	color:#cccccc;
	font-weight:bold;
}

#members_slide 
{
    float:left;
    width: 910px;
    height:auto;    
    overflow:hidden;
}

#display_left {
	float:left;
	width:340px;
	height:auto;
	padding:0px 15px 0px 0px;
}

#display_middle {
	float:left;
	width:340px;
	height:auto;
}

.display_item_caption 
{
	float:left;
	padding:5px 10px 0px 10px;
	width:320px;
	height:25px;
	background-image:url(/images/fade_orange.jpg);
	color:#fff;
	font-size:16px;
}

.display_item {
	float:left;
	width: 320px;
	border: 1px solid #ededed;
	padding:9px;
	height:auto;
	background: url(/images/gray_fade.jpg) repeat-x bottom;
	margin-bottom:15px;
}

#display_left .display_item  
{
	margin-bottom:0px;
}

.display_seperator {
	float:left;
	width:100%;
	height:15px;
	margin-top:15px;
	border-top:1px dashed #ccc;
}

.display_items_wrapper {
	float:left;
	width:100%;
	height:auto;
}

.display_img
{
	float:left;
	margin-bottom:15px;	
}
/**************************************************
*
*	Content page
*
**************************************************/

#content_left_middle
{
	float:left;
	width: 695px;
	padding:0px 0px 0px 0px;
	height:auto;
}

#content_left {
	float:left;
	width: 200px;
	padding:0px 15px 0px 0px;
	height:auto;
}

#content_middle {
	float:left;
	width: 480px;
	padding:0px 0px 0px 0px;
	height:auto;
	font-size:12px;
	line-height:20px;
}

#content_right {
	float:left;
	width: 200px;
	height: auto;
	padding:0px 0px 0px 15px;
}

#path {
	float:left;
	width:430px;
	padding-bottom:5px;
	margin-bottom:5px;
	color:#cccccc;
}


#content_middle ol, #content_middle ul  {
	padding-left:20px;
}

#path a, #path a:link {
	color:#999999;
	text-decoration:none;
}

#path a:hover {
	color:#333333;
	text-decoration:none;
}




/**************************************************
*
*	Right items
*
**************************************************/


.right_item {
	float:left;
	width: 180px;
	padding:9px;
	height:auto;
	border:1px solid #ededed;
	background: url(/images/gray_fade.jpg) repeat-x bottom;
	margin-bottom:15px;
}


/**************************************************
*
*	Search
*
**************************************************/


#search_box {
	float:left; 
	width:910px;
	height:100px;
	background-image:url(/images/search_bg.jpg);
}



.search_input {
	float:left;
	width:290px;
	height:18px;
	padding:5px 5px 5px 5px;
	margin-right:10px;
	font-size:12px;
	color:#333333;
	border:1px solid #3794b3;
	background-color:#ffffff;
	background-repeat:no-repeat;
	border:1px solid #e1890a;
}



#search_wrapper {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
}

#search_error {
	float:left;
	width:910px;
	text-align:center;
	padding-top:5px;
}

span.search_caption {
	float:left;
	font-size:18px;
	text-align:right;
	padding:5px 5px 0px 0px;
	color:#ffffff;
	font-family: "Lucida Grande", Arial, Helvetica, Arial, sans-serif;
}

.search_btn {
	float:left;
	width:80px;
	height:30px;
	padding:0px;
	text-align:center;
	color:#ffffff;
	border:none;
	text-decoration:none;
	cursor:pointer;
	background:url("/images/btn_search.jpg");
}

.search_btn:hover 
{
	background-position:0px -30px;

}


.alert_search {
	float:left;
	width:853px;
	padding: 10px 10px 10px 45px;
	margin: 10px 0px 10px 0px;
	background: #ffe url("/images/esus/error_icon.gif") no-repeat 10px 10px ;
	color: #dd561b;
	border: solid 1px #fadeaf;
	clear: both;
	font-weight: bold;
}

.search_item
{
    float:left;
    width:890px;
    padding:10px;
    line-height:20px;
    font-size:14px;
    font-style:italic;
}

.search_img
{
	float:left;
	padding: 5px 15px 15px 0px;	
}

a.search_item_caption
{
	font-size:18px;
	color:#e1890a;	
}

a.search_item_caption:hover
{
	text-decoration:underline;
}

.search_result_bar
{
	float:left;
	width:890px;
	padding:5px 10px 0px 10px;
	background-image:url("/images/search_bar.jpg");	
	height:25px;
	color:#333;
	font-size:14px;
}

.search_bottom_bar
{
	float:left;
	width:900px;
	padding:5px 10px 0px 0px;
	background-image:url("/images/search_bar.jpg");	
	height:25px;
	color:#333;
	font-size:14px;
}

tr.search_bottom_bar span
{
	color:#e1890a;
	font-weight:bold;
	padding-left:10px;
}

tr.search_bottom_bar a
{
	color:#333333;
	padding-left:10px;
}

tr.search_bottom_bar a:hover
{
	text-decoration:underline;
}

/**************************************************
*
*	Search top
*
**************************************************/
#search_top
{
	float:left;
	width:200px;
	margin:0px;
	padding:4px 0px 0px 0px;
	height:26px;
	overflow:hidden;
	background-image:url(/images/menu_bg_right.jpg);
}

#search_right
{
	float:left;
	width: 190px;
	padding:10px 0px 10px 10px;
	height:auto;
	background: url(/images/search_bg.jpg) repeat-x bottom;
	margin-bottom:15px;
	font-size:16px;
	color:#ffffff;
}

#search_right span
{
	padding-bottom:3px;
	float:left;
}


#search_top_left
{
	float:left;
	width:10px;
	height:22px;
	background:url("/images/search_top_left.jpg");	
}

.search_top_middle {
	float:left;
	width:146px;
	height:19px;
	padding:3px 0px 0px 0px;
	font-size:12px;
	color:#333333;
	background:url("/images/search_top_middle.jpg");
	border:0px;
}

.search_top_right {
	float:left;
	width:24px;
	height:22px;
	padding:0px;
	text-align:center;
	color:#ffffff;
	border:none;
	text-decoration:none;
	cursor:pointer;
	background:url("/images/search_top_right.jpg");
}

.search_top_right:hover 
{
	background-position:0px -22px;

}

/**************************************************
*
*	Login box at right column
*
**************************************************/

#login_box
{
	float:left;
	width: 180px;
	padding:9px;
	height:auto;
	border:1px solid #ededed;
	background: url(/images/gray_fade.jpg) repeat-x bottom;
	margin-bottom:15px;
	font-size:11px;
	color:#333333;
}

#login_box a
{
	color:#333333;	
}

/**************************************************
*
*	Plugins
*
**************************************************/

#plugins_wrapper {
	float:left;
	width:428px;
	border:1px solid #CCCCCC;
	margin-top:30px;
}


.child_images 
{
    float:left; 
    padding:11px;
    overflow:hidden;
    
}

.child_images_frame_wrapper
{
	float:left;
	width:140px;
	padding:10px 20px 0px 0px;
}
.child_images_frame
{
    float:left; 
    padding:11px;
    overflow:hidden;
    padding:4px;
    border:1px solid #cccccc;
    background-image:url("/images/plugin_image_frame_bg.jpg");
    background-position:bottom right;
    background-repeat:no-repeat;
    
    
}

.child_images_frame a, .child_images a 
{
    font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
    color:#000000;
    font-size:11px;
}

.child_images_frame a:hover, .child_images a:hover 
{
	color:#999999;
}

/**************************************************
*
*	Menu Top
*
**************************************************/

#menu_wrapper 
{
	float:left;
	width:910px;
	padding:0px 15px 0px 15px;
	height:30px;
	background-color:#fff;	
}

#menu_top_left {
	float:left;
	width:10px;
	margin:0px;
	padding:0px 0px 0px 0px;
	height:30px;
	overflow:hidden;
	background-image:url(/images/menu_bg_left.jpg);
}

#menu_top {
	float:left;
	width:889px;
	margin:0px;
	padding:0px 10px 0px 0px;
	height:30px;
	overflow:hidden;
	background-image:url(/images/menu_bg_right.jpg);
	border-left:1px solid #bbb;
}

#menu_top ul {
   float:left;
   padding:0;
   margin:0;
   list-style:none;
}

#menu_top li {
	display:inline;
    margin:0;
	padding:0;
}

#menu_top a, #menu_top a:link, #menu_top a:visited {
    float:left;
	padding:6px 10px 0px 10px;
    width: auto;
    height: 24px;
	background: url(/images/menu_top_tab.jpg);
	text-align: center;
    text-decoration:none;
	font-family: Arial, Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
    color:#666;
	overflow:hidden;
	border-right:1px solid #bbb;
}

#menu_top a:hover {
	background-position:0px 30px;
	color:#fff;
}

#menu_top li#active a
{
	padding:6px 10px 0px 10px;
	height:24px;
	width:auto;
	font-size:13px;
	background: url(/images/menu_top_tab_active.jpg);
	color:#333;
	border-right:1px solid #bbb;
}

#menu_top li#active_search span
{
	float:right;
	padding:6px 10px 0px 10px;
	height:24px;
	width:auto;
	font-size:13px;
	background: url(/images/menu_top_tab_active.jpg);
	color:#333;
	border-right:1px solid #bbb;
	border-left:1px solid #bbb;
}

#menu_top li a.add_page
{
	float:right;
	width:20px;
	height:20px;
	margin-top:5px;
	background:none;
	border:none;
	background-image:url(/images/add_page_btn.gif);
	padding:0px;	
}

#menu_top li a.add_page:hover
{
	background-position:0px -20px;
}


/**************************************************
*
*	Menu left
*
**************************************************/


.leftMenuCaption {float:left; width:180px; height:25px; padding: 5px 9px 0px 9px; background:#fff; font-size:13px;}
.leftMenuCaption a:hover { text-decoration:none;}

#menu_left {float:left;margin: 0px; width: 198px; min-height:10px; border:1px solid #ededed;}
#menu_left ul {background: #ededed; width: 198px; border:0px;list-style-type: none;}

#menu_left ul ul {padding-bottom:10px;}

#menu_left .l1 a{display: block; margin: 0; width:175px; height:25px; padding: 5px 4px 0px 19px; background-image: url(/images/menu_left_btn.jpg); text-decoration: none;}
#menu_left .l1 a:link, #menu_left .l1 a:visited {color: #333333;}
#menu_left .l1 a:hover {background-position: 0px -30px;}
#menu_left .l1 a#active{background-image: url(/images/menu_left_btn.jpg); color:#e9a748; }
#menu_left .l1 a#active:hover{background-position: 0px 0px;}

#menu_left .l2 a { padding:5px 4px 3px 39px; width:155px; height:20px; background:#ededed;border:0px;}
#menu_left .l2 a:link, #menu_left .l2 a:visited {color: #666666;}
#menu_left .l2 a:hover{color: #333333; background:#ccc; }
#menu_left .l2 a#active {background:#ededed;}

#menu_left .l3 a { padding:5px 4px 3px 59px; width:135px;  height:20px; background:#ededed;border:0px;}
#menu_left .l3 a:link, #menu_left .l3 a:visited {color: #666666;}
#menu_left .l3 a:hover{color: #333333; background:#ccc; }
#menu_left .l3 a#active{background:#ededed;}


/**************************************************
*
*	Links
*
**************************************************/

a.print, a.print:link, a.print:visited {
	float:right;
	height:20px;
	width:auto;
	padding:0px 0px 0px 23px;
	background-image:url("/images/btn_print.jpg"); 
	background-repeat:no-repeat;  
	background-position:0px -20px;
	color:#666666;
	text-decoration:none;
} 

a.print:hover {
	background-position:0px 0px;
}

a.flags 
{
	float:left;
	padding:6px 0px 0px 9px;
}

a.user, a.user:link {
	float:left;
	margin-left:10px;
	height:16px;
	width:auto;
	padding:0px 0px 0px 20px;
	background-image:url("/images/btn_user.gif"); 
	background-repeat:no-repeat;
	background-position:0px 0px;  
	color:#666666;
	text-align:left;
	text-decoration:none;
} 

a.user:hover {
	background-position:0px -16px;
}

a.logout, a.logout:link {
	float:right;
	margin-left:10px;
	height:16px;
	width:auto;
	padding:0px 0px 0px 20px;
	background-image:url("/images/btn_logout.gif"); 
	background-repeat:no-repeat;
	background-position:0px 0px;  
	color:#666666;
	text-align:left;
	text-decoration:none;
} 

a.logout:hover {
	background-position:0px -16px;
	color:#666666;
}
a.login, a.login:link {
	float:left;
	margin-left:0px;
	height:16px;
	width:auto;
	padding:0px 0px 0px 20px;
	background-image:url("/images/btn_login.gif"); 
	background-repeat:no-repeat;
	background-position:0px 0px;  
	color:#666666;
	text-align:left;
	text-decoration:none;
} 

a.login:hover {
	background-position:0px -16px;
	color:#666666;
}

a.lightbox {
	float:left;
	padding:4px;
	margin:5px;
	border:1px solid #ededed;
}

/**************************************************
*
*	Links
*
**************************************************/

img.half {
	float:left;
	padding:0px 15px 15px 0px;
}

/**************************************************
*
*	Gridview pager
*
**************************************************/

.gridview_pager a {
	padding:5px 10px 5px 10px;
	background:#ededed;
	color:#333;
	margin-right:5px;
}

.gridview_pager span {
	padding:5px 10px 5px 10px;
	color:#fff;
	background:#e9a748;
	margin-right:5px;
}