﻿.ModFlexNewsNewsManageC{ background:#fff; padding:10px 10px; border:1px #eee solid; }
.dnnLeftArea{ border-top:1px #ddd solid; width:70%; float:left; padding-top:20px;}
.tmRightContainer{ width:25%; float:right;}
.mc-box{ border:1px #ddd solid; background:#fff; margin-bottom:15px; padding-right: 40px; direction: rtl;}
.mc-box h1,.mc-box h2,.mc-box h3,.mc-box h4,.mc-box h5,.mc-box h6{color:#333;}
.mc-box:after{ display:block; content:''; clear:both; }
.mc-box .dnnLabel{  border-bottom:1px #eee solid; width:80%; /*margin:0 0 15px;*/ padding:0px; font-weight:bold; min-height:30px;}
.clear{ clear:both; height:1px; overflow:hidden; }
.mc-box .urlControl{padding:20px; margin:0px; background:#fff; direction: ltr;}
.paddingleft{ padding-left:35.5%}
.dnnTreeArea{ width:25%; float:right; padding-top: 40px;}
.tmTabContainer{ width:70%; float:left; padding-top:20px;}
.divSearchBar{ }
span.small-text  {}


/* ===========  Rating Styling   =========== */
.ratingStar {font-size: 0pt; width: 24px;height: 24px;margin:0px;padding:0px;cursor: pointer; display: block;}
.filledRatingStar { background: url(img/FilledStar.png) top center no-repeat ;}
.emptyRatingStar { background: url(img/EmptyStar.png) top center no-repeat;}

.pro_tag_list ul{ margin:0px; padding:0px;}
.pro_tag_list ul:after{ display:block; content:''; clear:both; margin:0px; padding:0px;}
.pro_tag_list ul li{ float:right; list-style:none; margin:0px; padding:0px; margin-left:5px; margin-bottom:5px;}
.pro_tag_list ul li a{ background:#eee; padding:5px 10px; text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; color:#333; display:block; font-size:12px; white-space:nowrap; float:left}
.pro_tag_list ul li a:hover{ background:#333; color:#fff}
.pro_tag_list ul li a.rss-icon{ display:inline; float:left;}
.pro_tag_list ul li a.rss-icon:hover{ background:#333}
.dashboard-comment-wrap {padding-right: 63px; margin-top: -50px;}
.comment-item img {left: 13px; top: 13px;}

.pro_author_list ul{ margin:0px; padding:0px; border:1px #ddd solid}
.pro_author_list ul li{ margin:0px; padding:10px; list-style:none; border-bottom:1px #ddd solid}
.pro_author_list ul li:last-child{ border-bottom:none}
.pro_author_list ul li:hover{ background:#eee}
.pro_author_list ul li img{ margin-right:10px;}

.pro_calendar_list ul{ margin:0px; padding:0px; border:1px #ddd solid;}
.pro_calendar_list ul li{ margin:0px; padding:5px 10px 5px 15px; list-style:none; border-bottom:1px #ddd solid}
.pro_calendar_list ul li:last-child{ border-bottom:0px #ddd solid}
.pro_calendar_list ul li:hover{ background:#eee}
.pro_calendar_list ul li img{ margin:-2px 5px 0 0}
.pro_calendar_list ul li span{ float:right; background:#666; padding:2px 4px; font-size:12px; line-height:1em;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; display:block; color:#fff; margin:3px 0 0}


#flexcategorymenu a.rss-icon{ float:left; margin:0px; padding:12px 10px}
.commentby{ 
    border-top:1px #ddd solid; 
    border-bottom:1px #ddd solid; 
    text-align:right;
    padding:10px 0; 
    margin-bottom:20px;
}
#NewsSearchbox{ padding:15px 0 0; }
.NewsSearch{ padding:6px; width:60%}
.NewsSearchButton{ width:20%; max-width:80px}
.divSearchBar .SearchCondition{ font-size:12px}
.divSearchBar select{ font-size:12px; padding:5px; margin:5px 0}
/* ===========   Category Menu Styling   =========== */
#flexcategorymenu{ margin:0px; padding:0px; border:1px #ddd solid;}
#flexcategorymenu li{ margin:0px; list-style:none; line-height:1em; clear:both; background:#fff; border-bottom:1px #eee solid; position:relative; z-index:1}
#flexcategorymenu li a{  padding:12px 15px; display:block; }
#flexcategorymenu li a span{ color:#999; font-size:11px; padding:0 5px}
#flexcategorymenu li a:hover{ background:#f5f5f5;}
#flexcategorymenu li:after{ display:block; content:''; clear:both}
#flexcategorymenu a.max{ display:block;background:url(img/left.png) center center no-repeat; height:38px; width:40px; padding:0px; position: absolute; z-index:100; line-height:38px; right:0px; top:0px; outline:none}
#flexcategorymenu a.max:hover{ background:url(img/down.png) center center no-repeat;}
#flexcategorymenu a.active,
#flexcategorymenu a.active:hover{ background:url(img/down.png) center center no-repeat; color:#fff}
#flexcategorymenu a.Disabled{ color:#666; cursor: default}


#flexcategorymenu li ul{ margin:0px; padding:0px; list-style:none; clear: both; border-top:1px #ddd solid; border-bottom:1px #eee solid}
#flexcategorymenu li ul li{ background:#f5f5f5; margin:0px; padding:3px 10px}

#flexcategorymenu .csubmenu .toggle-wrp{ clear:both; position:relative}
#flexcategorymenu .csubmenu .toggle-wrp h6 						{ display: block; position: absolute; padding:0px; cursor: pointer; margin:0px; top:3px; right:13px; height:34px; width:34px; z-index:1000}
#flexcategorymenu .csubmenu .toggle-wrp h6 i 						{ display:block; width:34px; height:34px; position:absolute;}
#flexcategorymenu .csubmenu .toggle-wrp ul.toggle-content 			{ display: none; }
#flexcategorymenu .csubmenu .toggle-wrp ul.toggle-content li		{ border-top:1px #ddd solid; border-bottom:1px #bbb solid; background:#ccc;}
#flexcategorymenu .csubmenu .toggle-wrp ul.toggle-content li:hover		{ border-top:1px #ddd solid; border-bottom:1px #bbb solid; background:#ddd;}
#flexcategorymenu .csubmenu .toggle-wrp ul.toggle-content li a		{ color:#333}
#flexcategorymenu .csubmenu .toggle-wrp.current .toggle-content 	{ display: block;}
#flexcategorymenu .csubmenu .toggle-wrp h6 i.closeleaf, 
#flexcategorymenu .csubmenu .toggle-wrp.current h6 i.openleaf 	{ background:url(img/left.png) center center no-repeat #f00;}
#flexcategorymenu .csubmenu .toggle-wrp.current h6 i.closeleaf	{  background:url(img/down.png) center center no-repeat #333}


@media handheld, only screen and (max-width: 767px) {
.paddingleft{ padding-left:0px}
.dnnLeftArea,.dnnTreeArea,.tmTabContainer,
.tmRightContainer{ float:none; width:auto}
}




#HorizontalCategories{ display:table; margin:0 auto}
.hcategorystyle, .hcategorystyle * 						{ margin:0;padding:0;list-style:none;}
.hcategorystyle > li 								{ position:relative;float:left; margin:0 3px 0 0; padding:0 6px; border:1px rgba(0, 0, 0, 0.2) solid;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.hcategorystyle > li:hover							{ background:#eee}
.hcategorystyle li a,.hcategorystyle li a:link,.hcategorystyle li a:active { color:#000; padding:0px 4px;text-decoration:none; line-height:40px; font-size:14px; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;font-family: Arial, Helvetica, sans-serif}

.hcategorystyle li.current{ background:#eee}

/***submenu***/

.hcategorystyle ul 								{ position:absolute;top:-999em;z-index:99; display:none;padding:0px;background:#444}
.hcategorystyle li li								{ width:100%;position:relative;	text-align:left;}
.hcategorystyle li li.first						{ border-top:0px #fff dashed}
.hcategorystyle li li a,
.hcategorystyle li li a:link,
.hcategorystyle li li a:active,
.hcategorystyle li li a:visited					{ display:block; font-weight:normal; color:#fff; padding:10px 0 10px 15px;text-transform:none; font-size:13px;line-height:1em; border-bottom:1px #333 solid; font-family:Arial, Helvetica, sans-serif;}
.hcategorystyle li li a.rss-icon{ float:left; padding:9px 9px 9px 15px}
.hcategorystyle li li > a:hover,
.hcategorystyle li li.hcsfHover > a					{ text-decoration:none; background:#111; color:#fff}
.hcategorystyle li:hover ul,
.hcategorystyle li.hcsfHover ul 						{ left:0px;top:40px;}
ul.hcategorystyle li:hover li ul,
ul.hcategorystyle li.hcsfHover li ul 				{ top:-999em;}
.hcategorystyle ul, .hcategorystyle ul ul, .hcategorystyle ul ul ul,.hcategorystyle ul ul ul ul{ width:190px}
/***subsubmenu***/

ul.hcategorystyle li li:hover ul, ul.hcategorystyle li li.hcsfHover ul { left:190px; top:0px;}
ul.hcategorystyle li li:hover li ul, ul.hcategorystyle li li.hcsfHover li ul { top:-999em;}

/***subsubsubmenu***/

ul.hcategorystyle li ul li li:hover ul, ul.hcategorystyle li ul li li.hcsfHover ul { left:190px; top:0px;}
ul.hcategorystyle li ul li li:hover li ul, ul.hcategorystyle li ul li li.hcsfHover li ul { top:-999em;}
/***subsubsubmenu***/

ul.hcategorystyle li ul li ul li li:hover ul, ul.hcategorystyle li ul li ul li li.hcsfHover ul { left:190px; top:0px;}
ul.hcategorystyle li ul li ul li li:hover li ul, ul.hcategorystyle li ul li ul li li.hcsfHover li ul { top:-999em;}

.select-menu{ display:none}


.pagelink{ padding:10px 0;}
.pagelink a,
.pagelink a:link,
.pagelink a:active,
.pagelink a:visited,
.pagelink span{
    float: right;  
    padding:5px 8px; 
    background:#fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px; 
    color:#333; 
    text-decoration:none; 
    border:1px #ccc solid; 
    font-size:12px;    
}

.pagelink a:hover{ 
    background:#333; 
    text-decoration:none; 
    color:#fff;    
}
.pagelink span{ 
    background:#333; 
    color:#fff;
}