/*========================================================*/
/*  Skin styles for DotNetNuke by dnnUI Team              */  
/*  http://dnnui.ir  Email: info@dnnui.ir                 */  
/*========================================================*/


body {background-color:#FFFFFF; height:100%; margin:0; padding:0;}

/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input{color:#4d4d4d; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6{color:#7b7b7b;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}

a,a:link,a:visited,a:active{color:#d20000; text-decoration:none; font-weight:normal;}
a:hover{color:#d20000; text-decoration:underline;}
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#7b7b7b;font-weight:bold;}
.SubHead {color:#7b7b7b;}
.SubSubHead{color:#7b7b7b;}
.NormalRed {color:#F00;}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*Home Page Main Header */
#Main-Header{}
#Main-Header * {color:#ffffff;}
#Main-Header * img {border:none;}
#Main-Header a,#Main-Header a:link#Main-Header ,#Main-Header a:visited,#Main-Header a:active{color:#ffffff; text-decoration:none;}

/*Products Page */
#Products-Header table {border:none}
#Products-Header table td {height:22px;border:none;border-bottom: #727272 1px dashed;font-size:12px;color:#ffffff}


/* Bullets */
.Check-Circle-Green{background:url(images/Check-Circle-Green.png) 0 0 no-repeat;padding-left:20px;line-height:18px;}
.Check-Circle-Red{background:url(images/Check-Circle-Red.png) 0 0 no-repeat;padding-left:20px;line-height:18px;}
.Check-Square-Green{background:url(images/Check-Square-Green.png) 0 0 no-repeat;padding-left:22px;line-height:20px;}
.Check-Square-Red{background:url(images/Check-Square-Red.png) 0 0 no-repeat;padding-left:22px;line-height:20px;}


/*Login */
.txtbx {color:#ffffff; font-family:Tahoma; font-size:11px; border:0; width:110px; background: transparent; padding: 7px 14px 0px 0px}
.txtbx_div {width:130px; height:26px; background: url(http://www.dnnui.com/DesktopModules/Succell.Login/Skins/images/txbxt_bg.png) no-repeat; padding-left: 6px;}   
.btn_login {width:32px; height:30px; background: url(http://www.dnnui.com/DesktopModules/Succell.Login/Skins/images/btn.png) no-repeat; padding-right: 10px; cursor: pointer;}
.btn_act {color:#ffffff; font-size: 8pt; background: transparent; cursor: pointer;}
.btn_act_td {padding: 4px 0px 0px 6px; text-align: left;}
.sep {color:#ffffff; font-size: 8pt;}

/*-------- design style --------*/
.template_style{width:100%; margin:0 auto;}

.top_space{height:29px; background:url(images/top_space_bg.gif) repeat-x top;}
.logo_space{background:url(images/logo_space_bg.gif) repeat-x top;}
.menu_space{height:38px;}
.bottom_space{height:245px; background:url(images/bottom_space_bg.gif) repeat-x bottom left; bottom: 0px;}

.light_bg_space{height:214px; width:992px; margin:0 auto; background:url(images/blue-light.png) no-repeat top;}

.content_space{width:992px; margin:0 auto;}
.content_master{width:970px; padding:0; margin:0; clear:both;}
.content_master_left{padding:0; margin:0; background:url(images/content_master_left.gif) repeat-y top left;}
.content_master_right{padding:0; margin:0; background:url(images/content_master_right.gif) repeat-y top right;}
.content_pad{padding: 0px; margin: 0 5px 0 5px; background:#ffffff url(images/content_top_middle.gif) repeat-x top left;}
.lm_content_pad{padding:0px 0px 0px 0px; margin: 0 17px 0 17px; background:#ffffff url(images/content_top_middle.gif) repeat-x top left;}
.content_width{padding-top:15px; min-height:350px;}
.content_top_bg{min-height:334px; padding:0px; margin: 0px 17px 0px 17px; background: #ffffff url(images/content_top_middle.gif) repeat-x top;}
.content_top_left{padding:0px; margin:0px; background:url(images/content_top_left.png) no-repeat top left;}
.content_top_right{padding:0px; margin:0px; background:url(images/content_top_right.png) no-repeat top right;}
.content_middle_left{padding:0px; margin:0px 0px 0px 4px; background:url(images/content_middle_left.png) no-repeat bottom left;}
.content_middle_right{padding:0px; margin:0px 4px 0px 0px; background:url(images/content_middle_right.png) no-repeat bottom right;}
.content_bottom_bg{height:171px; padding:0px; margin: 0px 17px 0px 17px; background: #ffffff url(images/content_bottom_middle.gif) repeat-x bottom;}
.content_bottom_left{padding:0px; margin:0px; background:url(images/content_bottom_left.png) no-repeat left;}
.content_bottom_right{padding:0px; margin:0px; background:url(images/content_bottom_right.png) no-repeat right;}

.page-up-bg{width:992px; height:248px; background: url(images/page-up-bg.gif) repeat-x top;}
.page-down-bg{background: url(images/page-down-bg.gif) repeat-x bottom;}

#date_pad{padding:5px 0px 0px 0px; float:right;}
#link_pad{padding:8px 0px 0px 0px; float:left;}
.logo_pad{padding:30px 0px 0px 70px; float:left;}
.login_pad{width:391px; height:98px; margin:90px 20px 0px 0px; padding:0px; float:right; background:url(images/login_pad_bg.png) no-repeat right;}

.menu_bg{height:38px; padding:0px;  margin: 0px 33px 0px 33px; background:url(images/menu_bg.gif) repeat-x left;}
.menu_left{height:38px; padding:0px; margin:0px; background:url(images/menu_left.png) no-repeat left;}
.menu_right{height:38px; margin:0px; background:url(images/menu_right.png) no-repeat right;}
.menu_style{float: left; width: 750px;}

.search_style{float:right; height:38px; padding-right: 20px;}
.search_bg{padding:0px; width: 150px; height: 38px; background:url(images/search_bg.png) no-repeat right;}
.SearchButton {background: transparent; padding: 5px 10px 0px 12px; float: right; margin: -18px 1px 0px 0px; cursor: pointer;}

.footer_center{height:28px; padding:0px;  margin: 0px;}
.footer_left{height:28px; padding:0px; margin:0px; float: left;}
.footer_right{height:28px; margin:0px; float: right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}
.clear{clear:both;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}

a.CommandButton:link, a.CommandButton:visited{color:#4d4d4d; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#d20000; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#4d4d4d;}
.ControlPanel a.CommandButton:hover{color:#d20000; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.LoginPane{width:370px; height:80px; margin:8px 8px 10px 8px; padding:0px;}
.TopPane{text-align: left; margin:0px; padding:0px 8px 0px 8px;}
.ContentPane{text-align: left; padding:0px 8px 0px 8px; margin:0px;}

.LeftPane{margin:0px; width:20%; padding: 0px 0px 0px 8px;}
.RightPane{margin:0px; width:20%; padding: 0px 8px 0px 0px;}

.BottomPane{text-align: left; clear:both; padding:0px 8px 0px 8px;}
.FooterLeftPane{text-align: left; margin:0px; width:33%; padding-left:8px;}

.FooterPane{width: 100%; text-align: left; clear:both; padding:0px 8px 0px 8px;}

/*------------ Breadcrumb Style --------------
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#c4c4c4;}
a.Breadcrumb:hover{color:#C00;}*/

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#c4c4c4; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#c4c4c4;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.siteinfo{margin:0 auto; clear:both; padding-right: 5px;}
.siteinfo-left{width:320px; float:right; margin-top:25px; text-align:right;}
.footerlinks,a.footerlinks:link,a.footerlinks:active,a.footerlinks:visited {display:inline; padding:0; text-transform:uppercase; color:#c4c4c4;}
a.footerlinks:hover{color:#ffffff;}

.copyright{color:#ffffff; font-size: 11px; padding: 5px 0px 0px 25px; text-align: left;}
.terms{color:#ffffff; font-size: 11px; padding: 0px 25px 0px 0px; float: right;}
.termslink,a.termslink:link,a.termslink:active,a.termslink:visited{color:#ffffff; font-size: 11px;}

.footer-coll{padding-right: 10px; font-size:11px; font-weight:bold; margin-top:25px; width:220px; float:left; color:#999999; border-right:1px #999999 solid; line-height:14px; overflow:hidden; height:100px;}
.footer-coll2{padding-right: 10px; font-size:11px; font-weight:bold; margin-top:25px; width:170px; float:left; color:#999999; border-right:1px #999999 solid; line-height:14px; overflow:hidden; height:100px;}
.fa-cont{padding:0px; clear:both; overflow:hidden; text-align: right; color:#c4c4c4;}
.facont-header{font-size: 12px; font-weight:bold; float: right; color:#c4c4c4;}
.facont-body{clear:both; overflow:hidden;}
.footer-colr{float:right; margin-top:25px;}
.fa-text{font-size: 11px; font-weight:normal; color:#999999; text-align: right; margin-top: 25px;}
	
/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
#dnn_dnnSEARCH_txtSearch{float: right; z-index: 10; border: 0px; width:115px; height:15px; margin: 11px 29px 0px -12px; color: #00529d; font-size: 12px; background-color: Transparent;}

/*-------------- Menu Styles --------------*/

#xmenu div.menubar {width:100%;text-align:left; font-family: Arial, Helvetica, sans-serif;font-size: 13px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;clear: both;position: relative;z-index:100;}
#xmenu div.menubar-m {height: 35px;background: none;}
#xmenu div.menubar-l {}
#xmenu div.menubar-r {}


#xmenu ul {margin: 0px;padding: 0px;list-style: none;float: left;}
#xmenu li {position: relative;margin: 0px;padding: 0px;display: block;float: left;z-index: 5;}
#xmenu li a, .menu li span.separator {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #64E1FF;height: 35px;display: block;float: left;line-height: 32px;text-decoration: none;}
#xmenu li span {font-family: Arial, Helvetica, sans-serif;display: block;font-size: 13px;cursor: pointer;background-repeat: no-repeat;background-position: 95% 50%;}
#xmenu li a.current {/*font-weight: bold;*/}
#xmenu a:hover,#xmenu span.separator:hover,#xmenu span.sfhover {}
#xmenu a.active, #xmenu span.active {color: #ffffff;}
#xmenu li.parent span.separator {cursor: pointer;}
#xmenu ul.menu {position: absolute;top: 3px;left: 0px;z-index: 11;height: 35px;}
#xmenu li.level1 {}
#xmenu a.level1, #xmenu span.level1 {padding: 0px 25px 0px 30px;background: url(images/menu/menu_level1_item.png) 0 0 no-repeat;font-size: 110%;line-height: 250%;}
#xmenu a.active  {color: #ffffff;}
#xmenu a.level1 span, div#menu span.level1 span {} 
#xmenu a.level1 span.xtitle, #xmenu span.level1 span.xtitle{padding: 0px;font-size: 100%;line-height: 180%;}
#xmenu a.level1 span.sub, #xmenu span.level1 span.sub {margin-top: -3px;padding: 0px 0px 10px 0px;background: none;font-size: 70%;font-weight: normal;color: #00aede;line-height: 10px;}
#xmenu a.active span.sub, div#menu span.active span.sub {}
#xmenu li.fancy {position: absolute;top: -5px;visibility: hidden;z-index: 4;overflow: hidden;}
#xmenu li.fancy div.fancy-container {padding: 0px 40px 0px 40px;}
#xmenu li.fancy div.fancy-container div.fancy-m {height: 45px;background: url(images/menu/menu_fancy_m.png) 0 0 repeat-x;}
#xmenu li.fancy div.fancy-container div.fancy-l {position: absolute;top: 0px;left: 0px;width: 40px;height: 45px;background: url(images/menu/menu_fancy_l.png) 0 0 no-repeat;}
#xmenu li.fancy div.fancy-container div.fancy-r {position: absolute;top: 0px;right: 0px;width: 40px;height: 45px;background: url(images/menu/menu_fancy_r.png) 0 0 no-repeat;}
/*--------------------------*/

/*-------- Sub Menu --------*/
#xmenu ul.menu ul {position: absolute;top: 34px;left: -999em;width: 190px;padding: 2px 0px 1px 0px;border-bottom: 1px solid #27557a;background: url(images/menu/menu_dropdown_bg.png) 0 1px no-repeat;}
#xmenu li:hover ul, #xmenu li.sfhover ul {left: 0px;z-index: 100;}
#xmenu li.level1 li {width: 100%;text-indent: 15px;}
#xmenu li.level1 li a, #xmenu li.level1 li span.separator{height: 25px;padding: 0px;margin: 0px 1px 0px 1px;background: none;float: none;display: block;line-height: 25px;}
#xmenu li.level2 a.parent, #xmenu li li.level2 span.parent {background: url(images/menu/menu_level2_item_parent.png) 100% 0 no-repeat;}
#xmenu li.level2 a:hover,
#xmenu li.level2 span.separator:hover,
#xmenu li.level2 span.sfhover {}
#xmenu li ul ul {margin: -38px 0 0 189px;}
#xmenu li:hover ul ul, #xmenu li.sfhover ul ul {background: url(images/menu/menu_dropdown_bg2.png) 0 0 no-repeat;border-top: 1px solid #27557a;}
#xmenu li:hover ul ul, #xmenu li.sfhover ul ul,  
#xmenu li:hover ul ul ul, #xmenu li.sfhover ul ul ul,  
#xmenu li:hover ul ul ul ul, #xmenu li.sfhover ul ul ul ul {left: -999em;}
#xmenu li li:hover ul, #xmenu li li.sfhover ul,  
#xmenu li li li:hover ul, #xmenu li li li.sfhover ul,  
#xmenu li li li li:hover ul, #xmenu li li li li.sfhover ul {left: 0;z-index: 100;}
/*-------- End XMenu -------*/


/*-------- Footer Content -------*/

#leftcol {
  float: left;
  width: 23%;
  padding-left: 44px;
}
#rightcol {
  float: left;
  width: 23%;
  padding-left: 92px;
}
#centercol {
  float: left;
  width: 23%;
  padding-left: 92px;
}


/*-------- dnnUI Modules overview -------*/

div#main {
	width: auto;
	 
}
 
div#main {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
 
.left div#main {
	margin: 0px 0px 0px 210px;  
}
 
.right div#main {
	margin: 0px 210px 0px 0px;  
}

div#maintop {
	padding: 0px 0px 15px 0px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;  
	clear: both; 
	visibility: hidden;
}
 
.clearfix { display: block; }	

.floatbox { overflow:hidden; }

div#mainmiddle {
	margin: 0px 0px 15px 0px;
	display: table;  
	width: 100%;  
}

.showright div#mainmiddle {  
	/*background: url(../images/right_bg.png) 100% 0 repeat-y;*/
}

div#content {
	width: auto;
	 
}
 
div#content {
	margin: 0px 0px 0px 0px;
}
 
.showright div#content {
	margin: 0px 210px 0px 0px;  
}

span.note {
	display: block;
}

div.note, span.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #FFFCF2;
	border: 1px solid #AAAAAA;
	text-align:justify;
}

div.dnnUImodules-overview {
	margin: 20px 0px 20px 0px;
	padding: 5px;
	overflow: hidden;
	text-align: left;
}

div.dnnUImodules-overview h2.headline {
	margin: 10px 0px 15px 0px;
	font-size: 350%;
	text-align: center;
	color: #323232;
	font-weight: bold;
}

div.dnnUImodules-overview div.box1,
div.dnnUImodules-overview div.box2,
div.dnnUImodules-overview div.box3 {
	width: 249px;
	overflow: hidden;
	float: left;
}

div.dnnUImodules-overview a {
	display: block;
	padding-top: 15px;
	padding-left: 85px;
	height: 80px;
}

div.dnnUImodules-overview a.ActiveForumsHighlighter { background: url(http://dnnui.com/Portals/0/Images/Icons/HighLighter.png) 0 0 no-repeat; }
div.dnnUImodules-overview a.NewsArticlesHighlighter { background: url(http://dnnui.com/Portals/0/Images/Icons/HighLighter.png) 0 0 no-repeat; }
div.dnnUImodules-overview a.NewsArticlesSlider { background: url(http://dnnui.com/Portals/0/Images/Icons/HighLighter.png) 0 0 no-repeat; }
div.dnnUImodules-overview a.AjaxSearch { background: url(http://dnnui.com/Portals/0/Images/Icons/Search.png) 0 0 no-repeat; }
div.dnnUImodules-overview a.MP3Player { background: url(http://dnnui.com/Portals/0/Images/Icons/MP3-Player.png) 0 0 no-repeat; }
div.dnnUImodules-overview a.TextHighlighter { background: url(http://dnnui.com/Portals/0/Images/Icons/HighLighter.png) 0 0 no-repeat; }

div.dnnUImodules-overview a:hover {
	text-decoration: none;
	background-color: #f1ebd8;
}

div.dnnUImodules-overview span {
	display: block;
}

div.dnnUImodules-overview span.headline {
	font-size: 150%;
	line-height: 130%;
	letter-spacing: -1px;
}

div.dnnUImodules-overview span.subheadline {
	font-size: 100%;
	line-height: 130%;
	color: #646464;
}

div.dnn div.headline {
	margin-bottom: 20px;
	overflow: hidden;
}

#top h1.headline {
	font-size: 380%;
	font-weight: normal;
	color: #ffffff;
	letter-spacing: -2px;
	margin-top: 10px;
	text-align: center;
	text-transform: lowercase;
}

#top h2.subheadline {
	font-size: 200%;
	font-weight: normal;
	color: #ffffff;
	letter-spacing: -1px;
	text-align: center;
}

div.dnnUImodules-overview h2.headline {
	margin: 10px 0px 15px 0px;
	font-size: 350%;
	text-align: center;
	color: #323232;
	font-weight: bold;
}

div.dnnUImodules-overview span.headline {
	font-size: 150%;
	line-height: 130%;
	letter-spacing: -1px;
}

div.dnnUImodules-overview span.subheadline {
	font-size: 100%;
	line-height: 130%;
	color: #646464;
}

div.extension-overview {
	margin-top: 20px;
	padding: 5px;
	overflow: hidden;
	text-align: left;
}

div.extension-overview h2.headline {
	margin: 10px 0px 5px 0px;
	font-size: 300%;
	text-align: center;
	color: #646464;
}

div.extension-overview span.headline {
	font-size: 180%;
	line-height: 130%;
	letter-spacing: -1px;
}

div.extension-overview span.subheadline {
	font-size: 100%;
	line-height: 130%;
	color: #646464;
}

#top div.documentation h1.headline {
	margin: 13px 0px 7px 0px;
}

div.dnn h1.title {
	float: left;
}

div.dnn div.multicolumns h1.title {
	font-size: 200%;
	letter-spacing: -1px;
}