body {

margin: 0px;

padding: 0;

border: 0px none;

text-align: center;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px

}

#container {

width: 990px;

margin: 0px auto;

text-align: left;

}

#header {}

#content { width: 990px;  overflow: hidden;  }

#dynamic_box_left {

margin: 0;

float: left;

}

#dynamic_box_center {

float: left;

}

#dynamic_box_right {

margin: 0;

float: right;

}

#content_footer {clear: both;}

#footer {clear: both;}





/*********deafault layout**********/

#layout_default div#dynamic_box_right        {width: 320px;}

#layout_default div#dynamic_box_left         {display:none;}

#layout_default div#dynamic_box_center       {width: 670px;}



/********** two column *************/

#layout_two_column div#dynamic_box_right     {width: 325px;}

#layout_two_column div#dynamic_box_left      {display:none;}

#layout_two_column div#dynamic_box_center    {width: 665px;/* background: #9999FF;*/}


/********** two column2 *************/

#layout_two_column2 div#dynamic_box_right     {width: 350px;}

#layout_two_column2 div#dynamic_box_left      {display:none;}

#layout_two_column2 div#dynamic_box_center    {width: 630px;/* background: #9999FF;*/}



/************ three columns ***************/

#layout_three_columns div#dynamic_box_right  {width: 320px;}

#layout_three_columns div#dynamic_box_left   {display:none;}

#layout_three_columns div#dynamic_box_center {width: 970px;}



/************ equal ***************/

#layout_equal div#dynamic_box_right   {width: 330px;}

#layout_equal div#dynamic_box_left    {width: 330px;}

#layout_equal div#dynamic_box_center  {width: 330px;}



/************ equal rights ***************/

#layout_equal_rights div#dynamic_box_right   {width: 260px;}

#layout_equal_rights div#dynamic_box_left    {width: 470px;}

#layout_equal_rights div#dynamic_box_center  {width: 260px;}



/************ non equal ***************/

#layout_non_equal div#dynamic_box_right      {width: 320px;}

#layout_non_equal div#dynamic_box_left       {width: 420px;}

#layout_non_equal div#dynamic_box_center     {width: 250px;}







/************* CONTENT FEATURES *****************/

#content_features_left { float: left;}



#content_features_right { float: left;}


.features_equal_default { width: 100%; overflow: hidden;}






/*********** equal_default *********************/

.features_equal_default #content_features_left {width: 345px; margin-right: 10px; /*background: #00CC99;*/}

.features_equal_default #content_features_right {width: 260px; /*background: #99CCFF;*/}



/*********** equal *********************/

.features_equal #content_features_left       {width: 495px;}

.features_equal #content_features_right      {width: 495px;}



/*********** left *********************/

.features_left #content_features_left        {width: 680px;}

.features_left #content_features_right       {width: 310px;}



/*********** right *********************/

.features_right #content_features_left       {width: 310px;}

.features_right #content_features_right      {width: 680px;}



/*********** equal_three *********************/

.features_inside .content_features_col       {width: 223px; float: left;}



/*********** inside *********************/

.features_inside                              {width: 665px; overflow: hidden;}

.features_inside #content_features_left       {width: 335px;}

.features_inside #content_features_right      {width: 325px;}





/******************** LAYOUT BOXES********************/



#main_news_box {float: left;}

.main_news_box_row {width: 100%; overflow: hidden;}

.main_news_category { 

float:left; 

display: inline;

width:322px; 

margin: 5px; /****styles****/

}

.category_news_category { 

float:left; 

display: inline;

width:261px; 

margin: 6px; /****styles****/

}



/******************** TOOLTIPS ********************/

.tooltip {

	position: absolute!important;

	overflow:hidden;

	font-size: 12px;

	z-index: 10000!important;

}



.tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; }

.tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; }

.tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; }

.tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; }

.tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #666; }

.tooltip .xb1 { margin: 0 5px; background: #333; }

.tooltip .xb2 { margin: 0 3px; border-width: 0 2px; }

.tooltip .xb3 { margin: 0 2px; }

.tooltip .xb4 { height: 2px; margin: 0 1px; }



.tooltip .xboxcontent {

	border-left:1px solid #333; border-right:1px solid #333; border-top:0px solid #333; border-bottom:0px solid #333; margin:0; color: #000;

	text-shadow: 2px 2px 0px #CCC;

	word-wrap: break-word;

	background-color: #666;

	text-align: left; padding-left:.5em; padding-right:.5em; padding-top:0; padding-bottom:0

}























































































































body { background: #D8E5F2 url('../img/body_bg.gif') repeat-x top;}



/*************** GLOBAL STYLES *************************************************************************************************************************/

/******************************************************************************************************************************************************/



#container {background-color: #fff;}



#content { background: #fff }



#container div#footer div.bottom_corners { background: url('../img/content_bottom_corners.gif') no-repeat bottom; height: 7px}



/*** Global anchor styles ***/



a {color:#000000; text-decoration: none;}



a:hover {text-decoration: underline;} 

a img {border: none;}



/*** Global list styles ***/



ul { padding: 0; margin: 0;}



ul li { list-style-type: none;}



/*** Global heading styles ***/



h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; margin: 0px;}



h1 { font-size: 18px; font-weight: normal; }



h1 a { color: #000000;}



h2, h3 {font-size: 12px; padding-bottom: 4px;}



h2 a:hover, h3 a:hover {color: #C90404;}



h4 { padding-left: 8px;}



h4 a { color: #000033;}



/*** Global box styles ***/



.box .box_title { 

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 16px;

	font-weight: normal;

}





/*************** HEADER STYLES *************************************************************************************************************************/

/******************************************************************************************************************************************************/

.header_image { width:985px; overflow:hidden; border-bottom: 1px solid #fff; background: #fff; }

.header_image img {float: left; }

.header_image ad { float: right; }

.head_ad { float: right; }

.header_image43 { background: #F4F9FC;  margin: 0px 5px;  }

.header_image2 { background: #F4F9FC; margin: 2px 5px; }

.submenu_stripe {font-size: 11px; background: #E4F0FC ; margin: 0px 0px; padding: 0px 0px;  } 

.submenu_stripe span.current_date {color:#000033; padding-left: 5px;}


.submenu_stripe2 {font-size: 11px; background: #E4F0FC ; margin: 0px 5px; padding: 0px 0px; margin-top: 1px; } 

.submenu_stripe2 span.current_date {color:#000033; padding-left: 5px;}



/*** Static pages navigation ***/



.box_pages {float: right; }



.box_pages li {display: inline;}



.box_pages li.last a {border-right: none;}



.box_pages a {padding: 5px; }



.box_pages a:link, .box_pages a:visited {text-decoration: none;}



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



/**** Utility Stripe ****/

.utility_stripe {background:#808284; padding: 6px; color: #dedede;}



.utility_stripe a { color: #dedede;}



.utility_stripe input.text { background: #000000; border: 1px solid #FFFFFF;}



/*** Login box ***/

#box_login_small {width: 560px;}



#register .dump {padding-bottom: 6px; font-size:14px; font-weight: bold;}



#register .dump span.info {color:#000000;}



#register .dump span.error {color:#C90404;}



#forgot_form_holder div.fp_info {font-size:11px; padding-bottom:6px;}



#forgot_form_holder div.inline_error {padding-bottom: 6px; font-size:14px; color:#C90404;}

/***  Search box 2***/
.search2 { 


 padding: 7px 0px 0px 0px;
 

}



/*** Search box ***/

.search { 

 padding: 10px 10px 6px 10px;

background: #fff;  font-size:16px;

  

}

.search input{

 border:2px ; 	background:#fff url('../img/searchgris.gif') no-repeat 6px 7px;  width: 250px;

	color: #adadad;

	font-weight:bold; padding-left:30px; padding-right:0px; padding-top:0px; padding-bottom:3px;

	 }

.search a {color: #000033; }



.search button { 



width: 75px;

height: 24px;

line-height: 24px;

margin-left: 5px;

margin-top: 1px;

margin-bottom: 0px;

border: medium none;

font-size: 16px;

font-weight: bold;

color: #fff; 

background:#000033;  padding-bottom:2px; 

}



#box_search input { border: 1px solid #000033; padding-top: 4px;  }



/*************** LEFT COLUMN STYLES ********************************************************************************************************************/

/******************************************************************************************************************************************************/



#box_left_holder { padding: 6px;}



#dynamic_box_left div.box {margin-bottom: 12px;}



#dynamic_box_left div.box_title { 

background: #27394B; 

color:#FFFFFF; 

padding: 4px 2px 3px 3px;

margin-bottom: 4px;

border-bottom: 1px solid #CCCCCC;

}



#dynamic_box_left div.box_body {border-bottom: 4px solid #000033;}



/*** Section box (navigation list) ***/



#box_sections div.box_body { border-bottom: none; margin-bottom: 30px;}



#box_sections li { 

background-color: #EFF4F9; 

border-bottom: 1px solid #fff; 

padding: 1px 0px; 

font-variant: small-caps;

}



#box_sections li ul li { 

border-bottom: none; 

font-variant: normal; 

font-size: 16px;

padding-left: 6px;

}



#box_sections li a { 

color: #003333; 

display: block; 

padding: 4px;

}



#box_sections li a:hover { 

color: #FFF; 

background-color: #000033; 

text-decoration: none; 

}



#box_sections li ul li a:hover {

color: #000000; 

background: none; 

text-decoration: underline; 

}



/*************** CONTENT STYLES ************************************************************************************************************************/

/******************************************************************************************************************************************************/



/*** Article Tools2 box ***/



#box_article_tools2 { margin-bottom: 10px;}



#box_article_tools2 ul { font-size: 11px;display: block; 

	  

	overflow: hidden;}

#box_article_tools2 ul li img { vertical-align: bottom;}



#box_article_tools2 ul li a {padding: 0px 4px 2px 4px; background: none; color: #666666;}



#box_article_tools2 ul li a:hover {background: none; text-decoration: none; color: #C90404;}



/*** Email friend box2 ***/



#send_article {float: right; padding: 6px; border: 1px solid #D8E5F2; }







/*** Latest news box ***/

#latest_news div.box_body{ 

	 padding: 5px 5px 5px 10px;

	border-bottom: 1px solid #000000; 

	

}



.latest_news div.box_title { 

	color:#000033; 

	font-size: 16px; 

	font-weight: bold; 

	border-bottom: 1px solid #000000; 

	padding: 3px 0px;

	margin-bottom: 4px; 

}



.latest_news div.box_title a img { float: right; padding-top: 5px; }



.latest_news ul li {padding: 5px 5px 5px 0px; border-bottom: 1px solid #000000;}



.latest_news ul li span.article_title {

	 

}



.latest_news ul li span.article_title a {

  padding-left: 16px;

	background: url('../img/right_box_bullet2.gif') no-repeat 4px 8px;

	font-weight: bold;

        color: #000033

	}



.latest_news ul li span:hover {background-color: #FFEDED;}





#box_center_holder_home .box div.box_title {



background: url('../img/box_right_head_left.gif') no-repeat top left;

color: #000033;

font-weight: normal;

font-size: 16px;

line-height: 22px;

padding: 6px

}



#box_center_holder_home .box_tabs div.box_title {padding: 6px 6px 0px 6px;}



#box_center_holder_home .box .box_title_holder {

background: url('../img/box_right_head_right.gif') no-repeat top right;

}



/* Hides from IE5-mac \*/

#box_center_holder_home .box .box_title_holder { height: 1%;}

/* End hide from IE5-mac */





#box_center_holder_home .box {

background: #FFFFFF url('../img/box_right_body_right.gif') no-repeat bottom right;

margin-bottom: 6px; margin-left: 5px; margin-right: 5px  

}



#box_center_holder_home .box .box_body {

background:url('../img/box_right_body_left.gif') no-repeat bottom left;

}



#box_center_holder_home .box .box_body div.box_content {padding: 6px 12px 12px 12px;  }



/* Hides from IE5-mac \*/

* html #box_center_holder_home .box .box_body { height: 1%;}

/* End hide from IE5-mac */



#box_center_holder {padding: 0px 5px 5px 5px;margin-top: 6px;   }



#box_center_holder h1 {background:#fff; font-size: 24px; font-weight: bold;padding-left: 12px; padding-bottom: 0px; margin-bottom: 12px;}



#box_center_holder div.category_headline { width: 100%; overflow: hidden;padding-left: 5px;}



#box_center_holder div.category_headline h2 a { color: #CA0405; font-size: 18px; font-weight: normal;}



#box_center_holder div.category_headline div.image { float: left; padding: 6px; margin: 0px 6px 6px 6px; background-color: #D8E5F2; border: none;}



#box_center_holder div.category_headline div.summary {padding-right: 4px;}



#box_center_holder div.box_body ul li a {

display: block; 

background: url('../img/right_box_bullet2.gif') no-repeat 6px 6px; padding-left:14px; padding-right:2px; padding-top:2px; padding-bottom:2px

}

#box_center_holder div.box_body ul li a:hover {background-color: #FFEDED;}



#box_center_holder2 {padding: 0px 12px;}



#box_center_holder2 h1 { font-size: 24px; padding-bottom: 4px; margin-bottom: 12px; border-bottom: 3px solid #EEF7FF;}



#box_center_holder2 div.category_headline { width: 100%; overflow: hidden;}



#box_center_holder2 div.category_headline h2 a { color: #CA0405; font-size: 18px; font-weight: normal;}



#box_center_holder2 div.category_headline div.image { float: left; padding: 6px; margin: 0px 6px 6px 6px; background-color: #EEF7FF; border: none;}



#box_center_holder2 div.category_headline div.summary {}





.category_rss {

float: left;

}



.category_rss img { margin-right: 5px; }





div.article_link { display: inline;padding-left: 4px;}



div.article_link a {color: #C90404;}



div.box_body div.image { 

padding: 2px; 

float: left;

margin: 2px 4px 2px 2px;

border: 1px solid #EEF7FF;

}



.short_holder { width: 100%; overflow: hidden; }



.short { /*** Global summary styles ***/

margin-bottom: 4px; margin-top: 6px; 

padding: 4px; 

border-bottom: 1px solid #E4E5E6;

}

.short_holder div.date, .article div.date { 
	float:left; 
	width: 60px; 
	font-size: 24px; 
	font-family: "trebuchet ms",arial,verdana,sans-serif;
	padding-top: 6px;
}

.date div.day, .article div.day { color: #FF99D8;}

.date div.month, .article div.month { color: #FF5CB5;}

.short_holder div.info, .article div.info { padding: 6px 0px; color: #999999;}

.short_holder div.info a, .article div.info a { color: #FF99D8;}

.short2 { /*** Global summary styles ***/

margin-bottom: 4px; margin-top: 6px; background: #F4F9FC;

padding-top: 4px; padding-bottom:  6px; padding-right: 2px; padding-left: 2px;

border-left: 1px solid #E4E5E6;border-right: 1px solid #E4E5E6;border-bottom: 1px solid #E4E5E6;border-top: 1px solid #D8E5F2;

}

/*** Article summaries heights ***/

#latest_news div.short2{height:119px;}

#latest_news div.short{height:122px;}



/*** Main news styles ***/



#category_news_box div.box_title { }



/*** Category links ***/

#category_news_box div.box_title h4, #category_news_box div.box_title h4 a { 

font-size: 16px; 

color: #000033;

padding: 4px 0px;



}



/*** Subcategory links ***/

#category_news_box div.box_title span { color: #000033; font-size: 11px; padding: 0px 1px; }



#category_news_box div.box_title span a { color: #C90404;}



#category_news_box div.box_title span a:hover { color: #000033;}



#category_news_box div.box_body ul { padding: 0px 6px; }



#category_news_box div.box_body ul li {

border-bottom: 1px solid #EEF7FF; 

padding: 1px 0px;  

}



#category_news_box div.box_body ul li a {

display: block;  

background: url('../img/right_box_bullet2.gif') no-repeat 6px 6px; padding-left:14px; padding-right:2px; padding-top:2px; padding-bottom:2px;color:#000033;

}

#category_news_box div.box_body ul li a:hover {background-color: #FFEDED;}







/*** Category page ***/

#category_holder{ border-top: 1px solid #D8E5F2;border-left: 1px solid #E9EBEB;border-right: 1px solid #E9EBEB;border-bottom: 1px solid #E9EBEB; padding: 0px;margin: 0px; }

#category_holder2{ padding: 0px; margin: 0px; }


#category_holder h10 {font-size: 16px;   padding: 10px ; }


#category_holder div.subcategory_list div.box_body { padding: 6px; }

#category_holder  div.box_body { padding: 0px;}

#category_holder  div.box_title { padding: 10px; font-size: 16px;}

#category_holder div.short { margin: 5px; padding-bottom: 12px; border-bottom: 1px solid #D8E5F2;}



/*** Article styles ***/



.box_breadcrumb { padding: 6px 0px; color: #000; }



.box_breadcrumb a {color: #C90404; padding-right: 4px;}



#article_holder h1 { background: #fff; font-size: 24px; font-weight: normal; color: #000033; padding: 8px 0px 4px 0px; margin-bottom: 0px; border-bottom: 1px solid #D8E5F2;}





#article_holder div.article_metadata2 { padding: 0px 0px 16px 0px;    } 



#article_holder div.article_metadata2 span.metadata_time2 { font-size: 11px; color: #666666; float: left; }



#article_holder div.article_metadata { padding: 0px 0px 3px 0px; margin-top: 2px;} 



#article_holder div.article_metadata span.metadata_time { font-size: 11px; color: #666666; float: left; }



#article_holder div.font_size { font-size: 11px; text-align: right; margin-bottom: 0px; margin-top: 2px; }



#article_holder div.font_size img {  vertical-align: bottom; padding-left: 3px;}



#article_holder div.image {

float: left; 

padding: 4px; 

margin-top: 10px;

margin-right: 6px; 

border: 1px solid #D8E5F2;

}



#article_holder div.image span.image_caption { font-size: 11px; line-height:normal;}



#article_holder div#article_body { line-height: 1.6em; width: 100%; overflow: hidden; margin-bottom: 12px;}



#article_holder div#article_body h1, 

#article_holder div#article_body h2, 

#article_holder div#article_body h3, 

#article_holder div#article_body h4, 

#article_holder div#article_body h5, 

#article_holder div#article_body h6 { font-family: Arial, Helvetica, sans-serif;}



#article_holder div#article_body a { color: #000033;}



#article_holder_box div.box_body ul li a {  display: block;

background: url('../img/right_box_bullet2.gif') no-repeat 6px 6px; padding-left:14px; padding-right:2px; padding-top:2px; padding-bottom:2px

}

#article_holder_box div.box_body ul li a:hover {background-color: #FFEDED}





/*** Article social bookmarks ***/



#box_social_bookmarks { 

color: #000000; 

padding: 2px 6px; 

margin: 6px 0px 0px 0px; 

border: 1px solid #E7EEF5;

}

#box_social_bookmarks img { vertical-align: middle;}

#box_social_bookmarks a { color: #000033;}



#box_social_bookmarks2 { 

color: #000000; 

padding: 2px 6px; 

margin: 6px 0px 8px 0px; 

border: 1px solid #E7EEF5;

}

#box_social_bookmarks2 a { color: #000033;}

#box_social_bookmarks2 img { vertical-align: middle;}



/*** Article comments ***/

.comment_block {border: 1px solid #E7E6E6;

}



.comment_block h4 { 



font-family: Arial, Helvetica, sans-serif; 

font-size: 14px; 

font-weight: bold;

color: #000033; 

border-left: 1px solid #fff; 

border-right: 1px solid #fff;

border-bottom: 3px solid #fff;

background-color: #E7EEF5;

padding: 6px;

margin: 1px 0px;

}



.comment_block h4 img.comment_feed { float:right;}



.comment_block h4 span.no_comments {display:block; font-size:12px; font-weight:normal;}



#comment_list { margin: 15px 8px;}



#comment_list div.comment_holder { margin-bottom: 20px;} 



#comment_list div.comment_header { background: url('../img/arrow.gif') no-repeat 20px -3px; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/padding-left: 58px;padding-top: 1px;margin-bottom: 2em;font-size: 90%}



#comment_list div.comment_header { font-size: 11px;}



#comment_list div.comment_header a { color: #C90404; font-weight: bold;}



#comment_list div.comment_body_holder {padding: 6px; border-bottom: 1px solid #E7EEF5; background-color: #E7EEF5;}



#comment_list div.comment_body {width: 100%; overflow: hidden; }



#comment_list div.comment_body img { float: left;}



#comment_list div.comment_body div.comment_text { color: #000000;font-weight: bold; margin-left: 45px; padding: 0px 12px 10px 10px;}



#comment_list div.comment_body div.comment_text2 a {  margin-left:40px;display:block; color: #000033;font-weight: bold;  padding: 0px 12px 10px 10px;}



#comment_list div.comment_body div.comment_text2 a:hover { background-color: #FFEDED	}



#comment_list div.comment_report img { float: right; padding-right: 6px;}



#comment_list div.comment_rate img { float: right; padding-right: 6px; }



#comment_list div.comment_rate { padding-right: 6px;}



.comment_rate div.result {

float: right; 

border: 1px solid #ebebeb; 

background-color: #000033; 

padding: 0px 4px; 

color: #fff; 

font-weight: bold;



}



.result span.error {font-weight: bold; font-size: 11px; color: #fff;}



div#comment_dump {

font-size: 14px; 

color: #172973; 

background-color: #F8F8F8; 

border: 1px solid #EBEBEB; 

padding: 6px; 

}



div#comment_dump span.error {color: #CA0405;}



/*** Pagination ***/

#box_pagination { padding: 6px; margin: 6px 0px; background: #fff;}



.pagination a, .pagination a:visited{padding: 0 5px;border: 1px solid #9aafe5;text-decoration: none; color: #2e6ab1;}

.pagination a:hover, .pagination a:active{border: 1px solid #2b66a5;color: #000;background-color: #D8E5F2;}

.pagination a.currentpage{background-color: #2e6ab1;color: #FFF !important;border-color: #2b66a5;font-weight: bold;cursor: default;}

.pagination a.disablelink, .pagination a.disablelink:hover{background-color: white;cursor: default;color: #929292;border-color: #929292;font-weight: normal !important;}

.pagination a.prevnext{font-weight: bold;}





/*** Archive calendar ***/



#box_calendar table caption { 

font-weight: bold; 

background-color: #eeeeee;

border-bottom: 1px solid #cccccc; 

padding: 6px 0px;

margin-bottom: 6px;

}



#box_calendar table caption a {color: #C90404;}



#box_calendar table caption span { cursor: pointer; padding: 0px 4px;}



#box_calendar table td { background-color: #F1F1F1; padding: 1px 2px;}



/*************** RIGHT COLUMN STYLES *******************************************************************************************************************/

/******************************************************************************************************************************************************/



#box_right_holder {/*stilovi za desnu kolonu, padinzi, margine...*/}

.header_image3 { background: #000033;}



/*** Boxes ***/



#dynamic_box_right div#box_right_holder { padding: 6px;}



#dynamic_box_right .box div.box_title {

background: url('../img/box_right_head_left.gif') no-repeat top left;

color: #000033; 

font-weight:bold;

font-size: 16px;

line-height: 22px;

padding: 6px 

}



#dynamic_box_right .box_tabs div.box_title {padding: 6px 6px 0px 6px;}



#dynamic_box_right .box .box_title_holder {

background: url('../img/box_right_head_right.gif') no-repeat top right;

}



/* Hides from IE5-mac \*/

* html #dynamic_box_right .box .box_title_holder { height: 1%;}

/* End hide from IE5-mac */





#dynamic_box_right .box {

background: #FFFFFF url('../img/box_right_body_right.gif') no-repeat bottom right;

margin-bottom: 6px 

}



#dynamic_box_right .box .box_body {

background:url('../img/box_right_body_left.gif') no-repeat bottom left;

}



#dynamic_box_right .box .box_body div.box_content {padding: 6px 12px 12px 12px;}



/* Hides from IE5-mac \*/

* html #dynamic_box_right .box .box_body { height: 1%;}

/* End hide from IE5-mac */



/********** Lists ***************/



#dynamic_box_right div.box_body ul li {

border-bottom: 1px solid #eee; 

padding: 1px 0px;

}



#dynamic_box_right div.box_body ul li a {

display: block; 

padding-left:14px; padding-right:4px; padding-top:4px; padding-bottom:4px; 

background: url('../img/right_box_bullet2.gif') no-repeat 6px 10px;

}



#dynamic_box_right div.box_body ul li a:hover {background-color: #FFEDED;}



/*** Tabs ***/



.tabs {

font-size:11px;

line-height:normal;

font-weight: bold;

font-family: Arial, Helvetica, sans-serif;

}

ul.tabs{

margin:0;

padding:4px 0 4px 0px;

list-style:none;

}

.tabs li {

display:inline;

margin:0;

padding:0;

}





.tabs a {

margin: 0px 1px 0px 0px;

padding:4px 0 4px 4px;

text-decoration:none;

}



*:first-child+html .tabs a {padding:0 0 0 4px;} /* IE 7 hack */



/* Hides from IE5-mac \*/

* html .tabs a {padding:0 0 0 4px;}

/* End hide from IE5-mac */



.tabs a span {

padding:4px 8px 4px 4px;

color:#000033;



}



.tabs a:hover {text-decoration: none;}



.tabs a:hover span {color: #C90404;}



.tabs a.active {background: url('../img/tabs_left.gif') no-repeat left top;}



.tabs a.active span {

color: #C90404 ;

background: url('../img/tabs_right.gif') no-repeat right top;

}



/*** Login Box ***/


div#box_login { margin-bottom: 0px;}


.edit_info {  padding-top: 4px; margin-top: 4px;}



.edit_info a, .fp_link a {color: #C90404;}



.fp_link {

margin-top:0px;

padding-top:2px;padding-bottom:2px;

text-align:center;

}



.fp_info { font-size: 11px; color: #000033; margin-bottom: 2px;}



/***Most popular/rated/commented box ***/

#box_most_popular div.short {padding: 5px;margin-bottom: 0px;background-color: #FFFFFF; border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}

#box_most_popular div.short h2 { font-size: 14px;}

#box_most_popular ol {display: block;  padding:0px 0px 0px 25px; margin: 0; }

#box_most_popular ol li {list-style: outside; list-style-type: decimal; font-size: 14px; font-weight: bold; color: #808080; }

#box_most_popular ol li.row_1 { background-color: #FFFFFF;}

#box_most_popular ol li a { font-size: 11px; font-weight: normal; display: block; border-bottom: 1px solid #E1E1E1; padding: 5px 2px;}

#box_most_popular ol li a:hover {background-color: #FFEDED;}



#dynamic_box_right 

#box_most_popular div.box_content { padding-top: 0px;}

 

#box_most_emailed ol { padding:0px 0px 0px 25px; margin: 0; }

#box_most_emailed ol li {list-style: outside; list-style-type: decimal; font-size: 14px; font-weight: bold; color: #808080; }

#box_most_emailed ol li.row_1 { background-color: #FFFFFF;}

#box_most_emailed ol li a { font-size: 11px; font-weight: normal; display: block; border-bottom: 1px solid #E1E1E1; padding: 5px 2px;}

#box_most_emailed ol li a:hover {background-color: #FFEDED;}



#box_top_rated ol { padding:0px 0px 0px 25px; margin: 0; }

#box_top_rated ol li {list-style: outside; list-style-type: decimal; font-size: 14px; font-weight: bold; color: #808080; }

#box_top_rated ol li.row_1 { background-color: #FFFFFF;}

#box_top_rated ol li a { font-size: 11px; font-weight: normal; display: block; border-bottom: 1px solid #E1E1E1; padding: 5px 2px;}

#box_top_rated ol li a:hover {background-color: #FFEDED;}





/*** Latest comments box ***/





div#latest_comments div.single_comment img { float: left; margin: 2px 6px 2px 4px;}



div#latest_comments div.single_comment { display:block; width: 100%; overflow: hidden; padding-bottom: 4px; margin-bottom: 6px; border-bottom: 1px solid #eee;}



div#latest_comments div.single_comment div.comment_body:hover {background-color: #FFEDED;}



div#latest_comments div.single_comment div.comment_header { font-size: 11px; color: #666666;}



div#latest_comments div.single_comment div.comment_header a {color: #C90404;}



div#latest_comments div.single_comment div.comment_body a {  margin-left:40px;display:block; color: #000033; }



div#latest_comments div.single_comment div.comment_body {  display:block;padding-top: 2px; font-size: 11px;}



/*** Featured author box ***/



div#box_users div.box_body img { float: left; margin: 2px 6px 2px 4px;}



div#box_users div.box_body a { display: block; padding-bottom: 6px; color: #C90404;}



div#box_users div.box_content { width: 90%; overflow: hidden;}



/*** Tag cloud box ***/

div#box_tags a:hover {color: #C90404;}



#dynamic_box_right #box_tags .box_title {border-bottom: 1px solid #DCDCDC; }



#dynamic_box_right #box_tags .box_title, 

#dynamic_box_right #box_tags .box_title_holder,

#dynamic_box_right #box_tags, 

#dynamic_box_right #box_tags .box_body {background: none;}



/*** Article page tag box ***/



#article_tags div.article_tags {}



#article_tags div.article_my_tags { padding-top: 6px; margin-top: 6px; }



#article_tags div.article_add_tag { padding-top: 6px; text-align: center;}



/*** Article Tools box ***/

#dynamic_box_right div#box_article_tools { margin-bottom: 10px;}



#dynamic_box_right div#box_article_tools ul { font-size: 11px;}



#dynamic_box_right div#box_article_tools ul li img { vertical-align: bottom;}



#dynamic_box_right div#box_article_tools ul li a {padding: 0px 4px 2px 4px; background: none; color: #666666;}



#dynamic_box_right div#box_article_tools ul li a:hover {background: none; text-decoration: none; color: #C90404;}





/*** Email friend box ***/



#send_article {border: none; background: #EFF4F9;width: 500px;  float: left; }



#email_to_afriend {  border: none; 	

}

#email_to_afriend img { vertical-align: middle;}





/*** Article vote box ***/

#box_article_rating { width: 200px; padding-right: 310px;}





#stars { padding:2px; width: 150px; overflow: hidden;}



.article_rating { 

color: #D8E5F2; 

font-weight: bold; 

font-size: 14px;

padding-top: 25px; 

padding-right: 5px; 

float: right; 



}



div.standard_star { cursor: pointer;}





#stars2 { padding: 2px; width: 150px; overflow: hidden;}



.article_rating2 { 

color: #000033; 

font-weight: bold; 

font-size: 14px;

padding-top: 10px; 

padding-right: 6px; 

float:right; 



}



div.standard_star2 { cursor: pointer;}

/*** Attachments box ***/

#dynamic_box_right div.content_attachment {padding: 4px 0px; width: 100%; overflow: hidden;}



#dynamic_box_right div.content_attachment img { vertical-align: bottom; float: left; padding-right: 4px;}



#dynamic_box_right div.content_attachment a { width:206px; overflow:hidden; float:left;}/*** Right Boxes ***/



body.entertainment #dynamic_box_right .box div.box_title {

background: url('../img/entertain_box_right_head_left.gif') no-repeat top left;

color: #808080;

border-bottom: medium none;

}



body.entertainment #dynamic_box_right .box .box_title_holder {

background: url('../img/entertain_box_right_head_right.gif') no-repeat top right;

}



body.entertainment #dynamic_box_right .box {

background: #FFFFFF url('../img/entertain_box_right_body_right.gif') no-repeat bottom right;

}



body.entertainment #dynamic_box_right .box .box_body {

background:url('../img/entertain_box_right_body_left.gif') no-repeat bottom left;

}



body.entertainment #dynamic_box_right .review div.box_body ul li {padding: 3px 0px; font-size:11px;}



body.entertainment #dynamic_box_right .review div.box_body ul li strong {color:#555555; font-size: 12px;}


/*** Section box (navigation list) ***/



#box_sections div.box_body { border-bottom: none; margin-bottom: 30px;}



#box_sections li { 

background-color: #EFF4F9; 

border-bottom: 1px solid #fff; 

padding: 1px 0px; 

font-variant: small-caps;

}



#box_sections li ul li { 

border-bottom: none; 

font-variant: normal; 

font-size: 16px;

padding-left: 6px;

}



#box_sections li a { 

color: #003333; 

display: block; 

padding: 4px;

}



#box_sections li a:hover { 

color: #FFF; 

background-color: #000033; 

text-decoration: none; 

}



#box_sections li ul li a:hover {

color: #000000; 

background: none; 

text-decoration: underline; 

}






/*************** FOOTER STYLES *************************************************************************************************************************/

/******************************************************************************************************************************************************/

.footer { text-align: center; padding: 3px 0px; margin: 0px 6px 0px 6px; background-color:#D8E5F2; }

.footer a { color: #000;}

.static_footer { background-color:#D8E5F2;  }

.static_footer a{ color:#000;  }

.static_footer img{ color:#fff;  }

.footer div.corner_bottom {background: url('../img/footer_bottom.gif') no-repeat left bottom; height: 8px}

/*** First level categories in footer ***/

.footer ul { text-transform: uppercase; background: #CBCBCB;  padding: 6px 0px 6px 0px;margin: 0px;}

.footer li {display: inline; padding: 0px 3px;}

.footer li a { color:#FFFFFF;}


















































































































































































































































































































































































































































































































/* Styles for forms */

form { /******* Used for all forms in Vivvo *********/
	padding: 0px;
	margin: 0px;
}

input, select, textarea { }

select  {}

textarea  {border: 1px  solid #000033;  }

.form_line {
	margin-bottom: 6px;
	padding-bottom: 6px;
	width: 100%;
	overflow: hidden; /* if used, needs to be hidden because of Opera */
}

*:first-child+html .form_line {margin-bottom: 0px; padding-bottom: 6px;}


input.text {border: 1px solid #000033;}

select.options { border: 1px solid #000033;}



input.submit_button, button { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

.formElement p { margin-top: 0;}

/***************** Box forms *******************/

#dynamic_box_right .form_line label {}

#dynamic_box_right .form_line div.submit { text-align: center
;}

#dynamic_box_right .form_line div.submit a { float: left; padding-top: 3px; color: #C90404;}

/*************** CONTENT FORMS *******************************************************************************************************************/
/******************************************************************************************************************************************************/

#dynamic_box_center div.form_line label {
	text-align: right;
	padding: 3px 0px 3px 3px;
	display: block; 
	float: left;
	width: 30%;
	font-size: 12px;
	color: #666666;
}

#dynamic_box_center div.formElement {float: left; margin-left: 6px; display: inline; z-index: auto;}

#dynamic_box_center div.formElement label {
	padding: 0px;
	width: auto;
	text-align: left;
	float: none;
	display: block;
	font-weight: normal;
}

/***************** User registration form (ajax validations) *******************/

.tos_label {color:#666666;}

.tos_label a {color:#C90404;}

.tos_box {border: 1px solid #000033; padding: 6px; margin-top: 6px; width: 350px; height: 200px; overflow: scroll;}

.tos_box pre {padding:0; margin:0; font-family: Arial, Helvetica, sans-serif;}

#error_message {background:#FCD6D4; margin-bottom: 6px;}

#error_message p {margin: 2px 0px; padding: 4px; color: #555555;}

.validation {
	padding: 2px 0px 2px 18px; 
	font-size: 11px; 
	font-weight:bold;
}

.not_valid {background: url(../img/validation_not_valid.gif) 0 0 no-repeat; color:#F3735D;}

.checking {background: url(../img/validation_info.gif) 0 0 no-repeat; color:#6b99c5;}

.valid {background: url(../img/validation_valid.gif) 0 0 no-repeat; color:#80CA73;}














.menu{
	line-height: 1.6em;
	margin: 0;
	display: block;
	position: relative;
}

.menu, .menu ul { /* remove all list stylings */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;left: 10px;



}

.menu li {
margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
}

.menu ul {
	width: 100%;
	display: block;	
	position: absolute;
	clear: both;
	top: 1.6em;/* watch for this value! you must make sure that this value and value of line-height for the parent items are such that it is possible to move the mouse over to submenu */
	left: 0;
}


/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/* -- float.clear.END --  */

.menu li.selected ul, .menu li:hover ul, .menu li.adxmhover ul {
	visibility: visible;
}

.menu li.selected ul {
	z-index: 10;
}

.menu li:hover ul {
	
	z-index: 9999;
}

/*	Navigation make-up 	*/

#mainNav_container {
	height: 45px;
 background: #fff; 


margin: 0px 5px;
}

#mainNav {
	height:27px;
	
background: #E4F0FC; 

margin: 0px 5px;


}

#mainNav ul li {
	display: block; 
	text-decoration: none;   
	overflow: hidden;
}

#mainNav ul li a.first_level {
	display: block; 
	text-decoration: none;   
	overflow: hidden;
}

.menu { font-size: 18px;
	font-weight: bold;
	color: #fff;
}

.menu a {
	color: #000033;
	display: block;
}

.menu li {
	margin: 0;
	padding:0px 12px 0px 0px;
}

.menu li a {
	 
	line-height:20px;
	padding:4px 12px 0px 5px;
	
	

	
}


/* which is why the link is styled separatelly */

.menu li a:hover { 
 text-decoration: none;
	font-weight: bold;
	
color: #C90404;
}

/* always pay attention that the value for top is such that it is possible to move the mouse over to submenu */
.menu ul {
	top: 28px;
	color: #7F7772;
}

.menu li li {
	background: none;
	padding:1px 3px 0px 0px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 14px;
margin: 0px 5px;
}

.menu li li a {
        color: #27394B;
	background:url(../img/submenu_separator.gif) right 4px no-repeat;
	padding:1px 8px 1px 5px;
	text-decoration: none;
	border-right: none;
line-height:15px;
}

.menu li li a:hover {
	color: #C90404;
	text-decoration: underline;
       
        
  }


/* fix the colors for selected item and submenu, for better usability */

.menu li.selected a, .menu li.selected, .menu li.selected a:hover {
	color: #FFF; 
}

.menu li.selected, .menu li.selected:hover a, .menu li.selected ul {
	color: #FFF;
}

/* IE5/Mac: \*//*/

.menu {
	display: inline-block;
}

.menu a {
	float: left;
}

.menu li a { float: none;}

.menu li ul {
	top: 24px;
	height: 2em;
}

.menu li li, .menu li li a {
	display: inline;
	float: none;
}

/*  */

/********************************************************************************************/
/**************************** Internet Explorer only styles ********************************/

/* Hides from IE6-mac \*/
* html .menu {
	height: 1%;
}

* html .menu .adxmhover ul {
	visibility: visible;
	z-index: 100;
}

* html .menu {
	/*padding: 0 20px;*/
}

* html .menu li.adxmhover  {
	text-decoration: none;
	color: #FFF;
}

* html .menu .adxmhover a {
	text-decoration: none;
	
}

* html .menu .adxmhover ul { }
/* End hide from IE6-mac */




















































.fbconnect_logoutbox {
	width:100%;
	overflow:hidden;
	padding-bottom:10px;
	margin-bottom:5px;
	text-align: left;
	
}

.fbconnect_logoutbox .fbconnect_pic {
	float: left;
	margin-left: 43px;
}

.fbconnect_logoutbox .fbconnect_name {
	font-size: 15px;
	padding-left: 10px;
}

.fbconnect_logoutbox .fb_logout {
	font-weight:bold;
	padding-top:5px;
	margin-top:5px;
	padding-left: 102px;
}

.fbconnect_button {
	text-align: center;
	line-height: 20px;
	
}

.friend-list {
	width:220px;
	overflow:hidden;
	margin-left: 4px;
}

.friend-list a {
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}

#box_facebook_user p {margin:2px 0px; font-size:11px;}

#box_facebook_user p a {color:#3B5998;}

.friends_online_title {
	font-weight:bold; 
	color:#333333; 
	background:#ECEFF5; 
	border-bottom:1px solid #94A3C4; 
	padding:4px; 
	margin-bottom:6px; 
	font-size:11px;
}

#box_facebook_user .box_title img {vertical-align:middle;}
/*Container styling*/
#horizontal_container {
	margin: 0;
	width: 100%;   
	overflow:hidden;
	height: 155px;
	border-top: 5px solid #D8E5F2;    
	border-bottom: 5px solid #D8E5F2;
	background: #D8E5F2;
	margin: 6px 0px;
}

.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	display: block;
	height: 155px;
	width: 150px;
	background: #000033;
	color: #D8E5F2;
	text-decoration: none;
	outline: none;
	border-right: 1px solid #D8E5F2;
	border-left: 3px solid #D8E5F2;
	cursor: pointer;
	margin: 0 0 0 0;
	font-size: 10px;
}

.horizontal_accordion_toggle_active {
	background: #e0542f;
	border-right: 1px solid #f68263;
}

.horizontal_accordion_toggle div.image_caption { padding: 3px;}


.horizontal_accordion_content {
	/* REQUIRED */
	height: 100px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	
	overflow: hidden;
	background-color: #D8E5F2;
	color: #656565;
	border: none;
}

/* Hides from IE5-mac \*/
* html .horizontal_accordion_content { height: 1%;}
/* End hide from IE5-mac */
		
.horizontal_accordion_content_holder {
	display:block;
	width: 350px;
	line-height: 150%;
	padding: 5px 10px 15px 10px;
	height: 180px;
}

.horizontal_accordion_content h3 a { color: #000033;}
	
	
				
/* Container styling*/
#vertical_container {
	margin: 0 0 12px 0;
	width: 100%;
	background: #ffffff;
	border-bottom: 1px solid #A5A5A5;
}

.vertical_accordion_toggle {
	display: block;
	height: 30px;
	background: #EEEEEE;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #A5A5A5;
	cursor: pointer;
	margin: 0 0 0 0;
	overflow: hidden;
}

.vertical_accordion_toggle_active {
	background: #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.vertical_accordion_content {
	height: 100px;
	overflow: hidden;
	background-color: #ffffff;
	color: #444444;
}

.vertical_accordion_content_holder {
	display:block;
	height: 100px !important;
	line-height: 150%;
	background: #ffffff;
}

.vertical_accordion_content_holder img {
float: left; padding: 4px; margin: 4px; border: 1px solid #eeeeee;
}