﻿/*********************/
/*      LAYOUT       */
/*********************/

body 
{
    background:#EEE9D6 url(../Images/white.png) top center repeat-y;
    width:100%;
    font-family:Helvetica, Arial, sans-serif;
    color:#000;
    font-size:13px;
    line-height:150%;
}

#form1 
{
    width:960px;
    margin:0 auto;   
}

#container 
{
    margin:0 auto;
    overflow:hidden;
}

#header 
{
    margin-bottom:10px;    
}

#content 
{
    overflow:hidden; 
    padding-top:30px;
}

#col1 
{
    overflow:hidden;
}

#col2 
{
    
}

#col3 
{
    
} 

/*********************/
/*      LINKS        */
/*********************/

a, a:link, a:visited 
{
    color:#ff5400;
    text-decoration:none;
}

a:hover 
{
    text-decoration:underline;
}

/*********************/
/*     HEADINGS      */
/*********************/

h1 
{
    font-size:35px;  
    margin-bottom:10px; 
    text-transform:uppercase;
    color:#000;    
}

h1 a, h1 a:link, h1 a:visited 
{
    color:#000;
    text-decoration:none;   
}

h1 a:hover 
{
    text-decoration:underline;
    color:#ff5400;    
}

h2 
{
    font-size:30px;
    font-family:Georgia, Times New Roman;   
    font-weight:normal;
}

h2 a, h2 a:link, h2 a:visited 
{
    color:#000;
    text-decoration:none;   
}

h2 a:hover 
{
    text-decoration:underline;
    color:#ff5400;    
}

h3 
{
    font-size:16px;   
    font-weight:bold;
}

h3 a, h3 a:link, h3 a:visited 
{
    color:#000;
    text-decoration:none;   
}

h3 a:hover 
{
    text-decoration:underline;
    color:#ff5400;    
}

h4 
{
    color:#9fc4d6;
    font-size:16px;
    border-bottom:1px solid #CCC;
    padding-bottom:5px;
}

h4 a, h4 a:link, h4 a:visited 
{
    color:#000;
    text-decoration:none;   
}

h4 a:hover 
{
    text-decoration:underline;
    color:#ff5400;  
}

input[type="submit"]
{
    border:1px solid #333;
    background:url(../Images/alert-overlay.png) #000 top left repeat-x;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:2px 3px 5px 3px;
    color:#FFF;
    font-size:12px; 
    margin-top:10px;    
}

input[type="submit"]:hover 
{
    background-color:#FF5400;
    color:#FFF; 
    cursor:pointer;  
}

/*********************/
/*     HEADER        */
/*********************/

#header .mainImage 
{
    width:90px;
    height:120px;
    overflow:hidden;   
}
#header #logo img 
{
    margin-top:10px;   
}
#header #logo a
{
	text-decoration:none;
	border:medium none;
}
#header a, a:visited, a:hover, a:link
{
    text-decoration:none;
	border:medium none;
	
    
}
#header .logo a img
{
	border:0px;
}

#header .mainIntro
{
    font-size:11px;
    line-height:120%;
}

#header .LatestIssue ul li 
{
    font-size:11px;
    float:left;
    line-height:120%;   
    padding-right:10px;
    margin-right:10px;
    border-right:1px solid #CDCBCB;
}

#header .LatestIssue ul li:last-child 
{
    border-right:none;    
}

#header .LatestIssue ul li a:hover 
{
    text-decoration:underline;   
}
#edition a, a:visited, a:hover, a:link
{
	border:medium none;
	text-decoration:none;
	
	
}

.BlogList a:visited, .BlogList a:hover, .BlogList a:link 
{
   color:#84AC0B; 
}

#edition a img
{
	border:0px;
	text-decoration:none;
}
#header h1 
{
    margin-top:5px; 
    color:#ff0000;  
}

input[type="text"],
textarea
{
    width:96%;
    padding:3px;
    border:1px solid #999;
    background:url(../Images/gradient_back.jpg) #FFF top left repeat-x;
}

input[type="text"]:hover,
textarea:hover
{
    border:1px solid #FF5F11;
}

input[type="text"]:focus,
textarea:focus
{
    border:1px solid #FF5F11;
}

#RegistrationPageContainer input[type="text"]
{
    width:96%;
    padding:3px;
    border:1px solid #999;
    background:url(../Images/gradient_back.jpg) #FFF top left repeat-x;
}

#RegistrationPageContainer input[type="text"]:hover
{
    border:1px solid #FF5F11;
}

#RegistrationPageContainer input[type="text"]:focus
{
    border:1px solid #FF5F11;
}

/*********************/
/*     CONTENT       */
/*********************/

.MainMenu {
    border-bottom:1px solid #CDCBCB;
    float:left;
    margin-bottom:30px;
    padding-bottom:7px;
    width:100%;
}

.MainMenu > ul 
{
    float:left;  
    margin:10px 0 -4px 0;
}

.MainMenu ul li
{
    display:inline;   
}

.MainMenu ul li.selected a {
    background-color:#FFF;
    text-align:center;
    border-left:1px solid #CDCBCB;
    border-right:1px solid #CDCBCB;
    border-top:1px solid #CDCBCB;
    border-bottom:1px solid #FFF;
    padding:5px 20px;
    margin-right:3px;
    display:inline;
    color:#33a9fc;
}

.MainMenu ul li a {
    background-color:#eeebeb;
    text-align:center;
    border:1px solid #CDCBCB;
    padding:5px 20px;
    margin-right:3px;
    display:inline;
    color:#b0aaa4;
}

.SellBlog  .content
{
    line-height:110%; 
}

.SellBlog  .content  .item 
{
    width:100%;  
    padding:5px 0px;
}

.SellBlog .content  .blog_image 
{
    width:90px;
    float:left;   
} 

.SellBlog   .content  .blog_image img 
{
   
    width:90px;
    height:60px;    
}

.SellBlog   .content  .blog_item 
{
    width:125px;
    float:right;   
} 

.SellBlog .story 
{
    list-style-image:url(../Images/triangle.png);    
}

.SellBlog .story li 
{
    padding-top:0px;
    margin-left:13px; 
    line-height:120%; 
    word-wrap: break-word;   
}

.SellBlog .story li a 
{
    color:#000;
    text-decoration:none;  
    text-transform:uppercase; 
}

.SellBlog .story li a:hover 
{
    color:#ff5400;
    text-decoration:underline;  
      text-transform:uppercase;  
}

.SellBlog .blog_author 
{
    font-size:9px;
    color:#ff5400;
    text-transform:uppercase;   
}

.SellBlog .blog_date 
{
    color:#989393;
    font-size:9px;   
}

.SellBlog img 
{
    border:1px solid #CCC;   
}

.SellBlog .bgcolor > ul 
{
    padding-top:5px;   
}

.BlogList .item li img {
    float:left;
    height:60px;
    margin-right:10px;
    width:90px;
    border:1px solid #CCC;
}

.BlogList img {
    border:1px solid #CCC;
}

#footer 
{
    background-color:#F6F6F6;
    border:1px solid #CECBCB;
    margin:20px; 
}

#footer .SiteMap 
{
    padding:20px;   
}

#footer .col 
{
    width:205px;
    float:left;  
    margin-right:20px;    
}

#footer .col.last 
{
    margin-right:0px;   
}

#footer .SiteMap h4 
{
    font-size:13px;
    border:none;  
}

#footer .SiteMap ul 
{
    list-style-image:url(../Images/triangle.png);   
}

#footer .SiteMap ul li 
{   
   margin-left:13px;
}
#footer .SiteMap ul li a
{
   
    color:#000000;  
}
#footer .SiteMap ul li a:hover
{
   
    color:#FF5400;  
    text-decoration:underline;
}
#footer .Footer 
{
    color:#FFF;  
    width:920px;
    padding:10px 20px;
    background-color:#000; 
    clear:both;     
}

#footer .Footer a
{
    color:#FFF;       
}

#footer .Footer a:hover
{
    color:#FFF;       
    text-decoration:underline;
}

#footer .Footer ul 
{
    float:left;
    margin-right:20px;
}

#footer .Footer ul li 
{
    display:inline; 
    padding:0px 10px;
    border-right:1px solid #FFF;  
}

#footer .Footer .footerText 
{
    float:left;
}

.NewsList ul 
{
    list-style-image:url(../Images/triangle.png);   
}

.NewsList ul ul li
{
    margin-left:13px;   
}



.TopVisitList .Content ol
{
    list-style-type:decimal;
    margin-left:10px;
    font-size:11px;
}

.TopVisitList .Content ol li 
{
    margin-left:13px;   
}

.TopVisitList .Top 
{
    color:#FFFFFF;
    font-size:12px;
    padding:0px 10px;
    text-transform:uppercase;   
}

#content h1 
{
    line-height:100%;   
}

.LatestIssueList ul 
{
   list-style-image:url(../Images/triangle.png); 
}

.LatestIssueList ul li
{
    margin-left:13px;   
}


/*************************************/
/**** Sliding Panel -> Goran
/*************************************/
a:focus {
	outline: none;
}
#sliding_panel {
	background: #FFF;
	display: block;	
	
}
.s_panel {
	margin: 0;
	padding: 0;
	/*border-top: dotted 2px #999;*/
	
	border-bottom: dotted 2px #999;
	margin-bottom:10px;
	padding:5px 0 10px;
}

.s_panel2 {
	margin: 0;
	padding: 0;
	margin-bottom:10px;
}

.s_panel a,
.s_panel2 a 
{
    color:#FF5400;  
    cursor:pointer; 
}
.s_panel a:hover,
.s_panel2 a:hover 
{  
    text-decoration:bold;  
    color:#FF5400; 
}
.btn-slide {
	background:url(../images/expand_collapse1.png) top left no-repeat;
	text-align: center;
	padding: 0px;
	margin: 0 auto;
	display: block;
	font-size:12px;
	color: #FF5400;
	text-decoration: none;
	font-weight:bold;
	width:75px;
	height:16px;
	margin-bottom:5px;
	margin-top:5px;
	cursor:pointer;
	
}

.btn-slide2 {
	background:url(../Images/share.png) top left no-repeat;
	text-align: center;
	padding: 0px;
	margin: 0 auto;
	display: block;
	font-size:12px;
	color: #FF5400;
	text-decoration: none;
	font-weight:bold;
	width:75px;
	height:16px;
	margin-bottom:5px;
	margin-top:5px;
	cursor:pointer;
	
}
.active_slide {
	background-position: -75px 0px;
}

.active_slide2 {
	
}

#sliding_panel li 
{
}

#sliding_panel li a 
{
    
}


    
/*************************************/
/**** Sliding Panel -> Goran
/*************************************/


.BlogList .TextBox ul 
{
    list-style-image:url(../Images/triangle.png); 
}

.BlogList .TextBox ul li
{
    margin-left:13px; 
    font-size:11px;
    word-wrap: break-word;    
}

.BlogList .TextBox ul li a
{
    color:#000;   
    text-transform:uppercase;
}

.BlogList .TextBox ul li a:hover
{
    color:#84AC0B; 
    text-decoration:underline;    
    text-transform:uppercase;
}

/*****************************************/
/*     EDITORS BLOG LIST - MARINA       */
/****************************************/
#LatestPostList
{
	list-style:none;
}
#LatestPostList li
{
	padding: 0px;
}
.NewsList .NameDateText
{
	margin-bottom:5px;
	line-height:110%;
}
.NewsList ul li h2
{
	margin:0px 0px 5px 0px;
}
#LatestPostList li h2
{
	margin:0px;
	
	
}
#LatestPostList .listitem
{
	padding:0;
	
}



.NewsList .TextBox ul li a:hover
{
    color:#ff5400; 
    text-decoration:underline;    
}

.NewsList .TextBox ul 
{
    list-style-image:url(../Images/triangle.png);    
}


.NewsList .item
{
	line-height: 13px;
	display:block;	
	padding-top:10px;
}
.NewsList span
{
	font-size: 8px;
	color: Gray;
}
.NewsList a.NameLink
{
	font-size: 9px;
	text-transform:uppercase;
}
.NewsList .Writer
{
	color: #FF5F11;
	font-size:12px;
	text-align:left;
	vertical-align:top;
}
.NewsList .TextBox
{
	float:right;
	width: 138px;
	padding: 0 0 0px 0px;
}
.NewsList .PublishingDate
{
	
    color:#989393;
    font-size:10px;  
    line-height:110%;  
    
}
.NewsList .PostedByText
{
	border-left:1px solid #CCCCCC;
	padding-left:10px;
	font-size:10px;
	margin-left:5px;
	color:#989393;
	line-height:100%;  
}
/***********.NewsList .ImageBox
{
	float:right;
	width: 50px;
	height: 50px;
	padding: 2px 10px 0 0;
}
**********/
.NewsList .ArticleMainImage
{
	
	padding:3px 5px 0;
	
	
}

.NewsList ul, ol
{
	list-style-type: none;
}

.NewsList h2
{
    margin:10px 0px;
}

/******************************/
/*     EDITORS BLOG LIST - MARINA       */
/****************************************/

#id_matrix 
{
    margin:20px 0px;
    border:1px solid #999;
    background-color:#F4F4F4;
    padding:10px 0px;   
}

#id_matrix td 
{
    padding:5px 10px;   
}

#id_matrix input[type="text"]
{
    width:200px;
    padding:5px;
    border:1px solid #999;
    background:url(../Images/gradient_back.jpg) #FFF top left repeat-x;
}

#id_matrix input[type="text"]:hover
{
    border:1px solid #FF5F11;
}

#id_matrix input[type="text"]:focus
{
    border:1px solid #FF5F11;
}

#ctl00_LeftAreaHolder_ctl00_xFormNotificationPanel table 
{
    margin:20px 0px;   
}

#ctl00_LeftAreaHolder_ctl00_xFormNotificationPanel table td 
{
    width:50%; 
    padding:5px 10px;
    background-color:#F4F4F4;
    border-right:2px solid #FFF;
    border-bottom:2px solid #FFF;
}

#ctl00_LeftAreaHolder_ctl00_xFormNotificationPanel table td:first-child 
{
    font-weight:bold;   
}

/*#id_matrix input[type="submit"]
{
    border:1px solid #333;
    background-color:#333;
    padding:2px 3px;
    color:#FFF;
    font-size:12px; 
    font-weight:bold;   
}

#id_matrix input[type="submit"]:hover 
{
    background-color:#FF5400;
    color:#FFF; 
    cursor:pointer;  
}*/

#SuccessArea
{
	
	font-size:12px;
	font-weight:bold;
	padding:15px 0 0 0;
	margin-bottom:20px;
}
.xformvalidator
{
	font-weight:bold;
	color:#FF0000;
}

.TopVisitList .Content li a 
{
    color:#000;   
}

.TopVisitList .Content li a:hover 
{
    color:#84AC0B;
    text-decoration:underline;
}

.CommentInsert 
{
    margin-top:20px;   
}

#ctl00_LeftAreaHolder_ciPost_divReplyComment 
{
    width:220px;   
    background-color:#F4F4F4;
    padding:5px 20px 15px 20px;
    border:1px solid #CCC;
    float:left;
    margin-top:15px;
}

.megafon 
{
    float:right;
    position:absolute;
    margin:37px 0px 0px 258px;   
}

.CommentInsert input[type="text"],
.CommentInsert textarea
{
    width:96%;
    padding:3px;
    border:1px solid #999;
    background:url(../Images/gradient_back.jpg) #FFF top left repeat-x;
}

.CommentInsert input[type="text"]:hover,
.CommentInsert textarea:hover
{
    border:1px solid #FF5F11;
}

.CommentInsert input[type="text"]:focus,
.CommentInsert textarea:focus
{
    border:1px solid #FF5F11;
}

.CommentInsert .field_label 
{
    font-size:10px;   
}

.CommentInsert .comment_title 
{
    background:url(../Images/comment_icon.png) top left no-repeat;
    padding-left:24px;
    height:16px;
    font-size:14px;
    font-weight:bold;
}

.CommentList 
{
    border-top:1px solid #CCC;
    margin-top:10px;   
}

.CommentList .c_name 
{
    font-weight:bold;
    font-size:12px;   
}

.CommentList .c_body 
{
    font-style:italic;
    font-size:12px; 
    padding:10px 0px 30px 0px;  
    line-height:150%;
}

.CommentList .c_date 
{
   font-size:11px;
   color:#999; 
}

.CommentList .c_email 
{
   display:none; 
}

.CommentList .c_button
{
   display:none; 
}

.CommentList .divider 
{
    border-bottom:1px solid #CCC;
    margin:5px 0px;
    height:0px;   
}

/*********** Article Page (Posted Blog) **********/
.PostPublishingDate
{
	
    color:#989393;
    
	font-size:10px;
	
}
.PostPostedByText
{
	border-left:1px solid #CCCCCC;
	padding-left:10px;
    font-size:10px;
	color: #989393;
}
.PostNameLink
{
	font-size: 10px;
	text-transform:uppercase;
}
.PostNameDateText
{
	padding:0px 0 10px 0;
    margin-left:5px;
    float:left;
}
.PostInfo
{
	font-size:10px;
	float:left;
	
	
}
.article_intro
{
	margin:10px 0 10px 0;    
	font-weight:normal;	
}
.article_heading
{
	padding-bottom:0;
	margin-bottom:5px;
}

.NameDateText 
{
    float:left;
    margin-top:2px;
}

#id_matrix 
{
     background-color:#EEE;
     border:1px solid #CCC; 
     padding:6px 0px; 
}

#id_matrix input[type="submit"] 
{
    margin-top:0px;   
}

.CommentList > table 
{
    width:100%;
    margin-top:5px;   
}

.CommentList input[type="submit"] 
{
    padding:0px 2px 4px;
    margin-top:0px;   
}

.Categories .LinkListWidget ul li
{
    float:left;

    margin-right:10px;
}
.Categories .LinkListWidget ul li a
{
    background:none;    
    padding-left:0px; 
    padding-right:10px;
    border-right:1px solid #999;
}


.vanster 
{
    float:left;
    margin:0 7px 7px 0;   
}

.hoger 
{
    float:right;
    margin:0 7px 7px 0;   
}

#edition .mainImage 
{
    float:left;   
}

#edition .mainImage img
{
    margin:0 10px 5px 0;
}

#btnPrev 
{
    font-size:18px;
    padding:10px;
    border:1px solid #CCC;
}

#btnNext 
{
    font-size:18px;
    padding:10px;
    border:1px solid #CCC;   
}

.button_nextprev 
{
    font-size:18px !important;
    padding:0px 4px 3px 4px !important;      
}

.button_nextprev_disabled 
{
    background-color:#CCC !important;
    font-size:18px !important;
    padding:0px 4px 3px 4px !important;    
    border:1px solid #CCC !important;  
}

.SellBlog .bgcolor > ul 
{
    
}

.article_intro ul,
.sliding_panel ul,
.mainbody ul
{
   list-style-image:url(../Images/triangle.png);
   margin:10px 0;      
}

.article_intro ul li, 
.sliding_panel ul li,
.mainbody ul li
{
    padding-top:0px;
    margin-left:13px; 
    line-height:140%;   
}

#aShare 
{
    background:url(../Images/share.png) top left no-repeat;
    padding:0 0 2px 25px;    
}

.mainbody 
{
   padding-bottom:10px;   
}

.separate 
{
    border-bottom:1px solid #CCC;
    width:100%;   
    margin-bottom:10px;
}

.CommentList .comment_head 
{
    height:30px;    
}

#sliding_panel table td 
{
    padding:5px 15px 5px 0px;   
}

#col1 iframe 
{
    border:2px dashed #ccc;   
    margin:15px 0px;
    padding:10px;
}

.editors_box 
{
    border-bottom:1px solid #CCC; 
    padding-bottom:10px; 
    margin-bottom:10px;
}

.editors_levo 
{
    width:190px; 
    height:120px; 
    float:left
}

.editors_desno 
{
    
}

.editors_desno p 
{
    margin-bottom:10px;   
}

/*********** Article Page (Posted Blog) **********/
.ShareWithFrinedNotification
{
	
    padding-top:10px;
	color:#FF0000;
	font-size:small;
	font-weight:bold;
}

.ImageLink .BlogBox .Top 
{
    background:url(../Images/nadolu.png) top center no-repeat;
    height:40px;  
    padding-top:20px;   
}

.ImageLink .BlogBox .Top span 
{
    text-transform:none;    
}

.ImageLink .BlogBox
{
    border:none; 
}

.comment_block 
{
   
    background-image:url(../Images/comments_icon2.png);
    background-position:5px 0px;
    background-repeat: no-repeat;
    border-left:1px solid #CCCCCC;
    padding-left:19px;
    margin-left:3px;
    color:Gray;
    font-size:8px;
    
}

.comment_count 
{ 
    background:url(../Images/nadolu2.png) -179px -3px no-repeat;
    padding-left:19px;
    margin-left:3px;
    padding:1px 5px 6px 5px;
    color:#FFF !important;  
    font-size:7px !important;
}

#sliding_panel .CommentInsert input[type="text"], .CommentInsert textarea 
{
    width:96%;   
}

#sliding_panel .megafon
{    
    margin:28px 0 0 279px;
}
.floating
{
	float:left;
}

li .CommentInsert textarea, li #sliding_panel .CommentInsert input[type="text"]
{
    width:60%;   
}
.textboxCaptcha
{
	width:194px !important;
	padding-bottom: 6px !important;
	padding-top:4px !important;
}
.titleCaptcha
{
	font-size:12px;
}
.error
{
	color: #FF0000;
}
.info
{
	color: #009900;
}
.reloadCaptcha
 {
 padding-bottom :10px;
 padding-left:5px;
}



