/*========================================================*/
/*  Skin styles for DotNetNuke           by dnnskin.net   */  
/*  Overall      support@dnnskin.net                      */  
/*========================================================*/
Body, .Normal, .NormalTextBox, TD, DIV, p, .Normal, .NormalDisabled, .NormalBold{ font-size: small; line-height:1.4em; font-family:Arial, Helvetica, sans-serif; color:#777;}
body 									{ margin:0px; padding:0px}
#Body									{background:url(images/body.gif) top left repeat}
a,a:link,a:active,a:visited				{ color:#fea501; text-decoration:underline; outline:none}
a:hover									{ text-decoration:none}
p										{ padding:5px 0; margin:0px}
li										{ list-style: disc; }
ol li									{ list-style: decimal; }
ul li									{ list-style: disc }
li										{ margin: 5px 0; }
h1,h3,h5								{ color:#fea501;}
h2,h4,h6								{ color:#fff}
a.CommandButton:link,
a.CommandButton:active,
a.CommandButton:visited					{ color:#fea501; font-weight:bold}
a.CommandButton:hover					{ color:#fff}

/* Admin Style */

.Head									{ line-height:30px;}
.SubHead								{ color:#888}
.DataGrid_Container 					{ margin-top:15px;}
.DataGrid_Header						{ font-weight:bold;}
.DataGrid_Header td, .NormalBold td		{ font-weight:bold;}
.ExtensionsContent td					{ text-align:left}
div.FileManager							{ height:auto;border:none;}
table.FileManager						{ width:99%; text-align:left; background:#FFFFFF}
#dnn_ctr_Login_pnlLogin table			{ float:none; margin:0 auto}
#dnn_ctr_ManageUsers_pnlUser .Normal,
#dnn_ctr_Terms_lblTerms,
#dnn_ctr_Privacy_lblPrivacy				{ line-height:20px}
#dnn_ctr_Terms_lblTerms .SubHead,
#dnn_ctr_Privacy_lblPrivacy .SubHead	{ font-size:14px;color:#fea501;line-height:26px; margin:0px; padding:0px; font-weight: bold;}
#dnn_ctr979_LogViewer_dlLog td			{ text-align:left; white-space: normal; border:1px #fff solid}
#dnn_ctr_ManageUsers_pnlUser,
.ExtensionsContent td,
#dnn_ctr322_ModuleDefinitions_divInstalled,
.Settings,.WorkPanel					{ text-align:left}
.language-object						{ float:right;padding-top:3px}
div.language-object span.Language img	{ border: 1px solid transparent;}

/*  Control Panel  */

.ControlPanel							{ background:url(images/control.jpg) top left repeat-x; line-height:1em}
.ControlPanel table						{ margin:0 auto}
.ControlPanel .SubHead					{ font-size:12px; color:#dbdddf; font-weight:bold; }
.ControlPanel a.CommandButton:link,
.ControlPanel a.CommandButton:active,
.ControlPanel a.CommandButton:visited	{ color:#fea501; font-weight:bold;line-height:20px; text-decoration: underline; padding:0 3px}
.ControlPanel a.CommandButton:hover		{ color:#ffff00; text-decoration:none}

/*  Skin Layout  */

#body_middle							{ background:url(images/body.jpg) top left no-repeat}
#dnntop									{ min-height:100px;}
* html #dnntop							{ height:100px;}
#dnntop .logo							{ float:left; margin-top:10px; width:39%}
#dnntop .account						{ float:right;text-align:right; width:60%}
#dnnbanner								{ clear:both;}
#dnnlinks								{ text-align:center}
#dnnbreader								{ height:20px; margin-top:3px}
#dnnbreader .breader					{ float:left; color:#FFFFFF}
#dnnbreader .breader img				{ margin:0 6px -4px 0}
#MainContent							{ margin:0px; min-height:250px}
* html #MainContent						{ height:250px}
#Layout									{ position:absolute; right:0px; top:50%; width:30px; border:1px #000 solid}
#dnnlinks								{ clear:both}
#dnnfooter								{ background:url(images/botbg.gif) top left repeat-x; border:1px #181818 solid; height:35px; text-align:right; clear:both; color:#333}
.dnnwrapper								{ width:780px; margin:0 auto;}
.Language img							{ width:15px; margin:0 3px}
.mainbg									{ border-bottom:1px #222 solid; clear:both}
.clear									{ clear:both;}
.floatleft								{ float:left;}
.floatright								{ float:right}
.Settings								{ text-align:left}

/*  Content Panes   */

.ContentPane							{ padding:0px; margin:0px;}
.LeftPane								{ margin:0px;width:26%; padding-right:8px;}
.RightPane								{ margin:0px;width:26%; padding-left:8px;}
.headpane								{ margin:0px; min-height:45px;}
* html .headpane						{ height:45px;}
.bannerpane								{ clear:both}
.toppane								{ margin:0px; padding:0px}
.topleftpane							{ padding:0px; margin:0px;width:49.5%;}
.toprightpane							{ padding:0px; margin:0px;width:49.5%}
.boxapane								{ padding:0px; width:24%; float:left; margin-right:1%;}
.boxbpane								{ padding:0px; width:24.5%; float:left; margin-right:1%; }
.boxcpane								{ padding:0px; margin:0px;width:24.5%; float:left;}
.boxdpane								{ padding:0px; margin:0px;width:24%; float:right;}
.boxepane								{ padding:0px; width:32.6%; float:left; margin-right:1%;}
.boxfpane								{ padding:0px; width:32.6%; float:left;}
.boxgpane								{ padding:0px; margin:0px;width:32.6%; float:right;}
.dnnpanes								{ padding:0px; margin:0px;clear:both;}
.middlecontent							{ padding:0px; margin:0px;text-align:left}
.middleleft								{ padding:0px; margin:0px;float:left; width:49.4%}
.middleright							{ padding:0px; margin:0px;float:right; width:49.4%}
.bottompane								{ clear:both}
.footerpane								{ clear:both}
.DNNEmptyPane							{ width:0px;padding:0px;margin:0px;}

/*  Skin Object   */

.breadcrumb,
a.breadcrumb:link,
a.breadcrumb:active,
a.breadcrumb:visited 					{ color:#fea501; margin:0px; line-height:20px; text-decoration:none; font-weight: normal; background:url(images/bread.gif) left center no-repeat; padding-left:6px}
a.breadcrumb:hover						{ color:#fea501; text-decoration:underline}


.w3c,a.w3c:link,a.w3c:active,a.w3c:visited { color:#494949; background:url(images/ok.gif) left center no-repeat; text-decoration:none; padding:0 10px; font-size:0.9em}
a.w3c:hover								{ color: #fea501;}

.more,a.more:link,a.more:active,a.more:visited { color:#fea501; background:url(images/more.gif) left center no-repeat; text-decoration:none; padding:0 10px}
a.more:hover							{ color: #2c4e01;}

.date									{ color:#555; font-weight: normal; font-family:Arial, Helvetica, sans-serif; line-height:20px; padding:0 10px}
.copyright								{ float:left; color:#494949; line-height:35px; padding:0 10px; font-size:0.9em}


.index,a.index:link,a.index:active,a.index:visited { background:url(images/icon.gif) 0 0 no-repeat;color:#555; line-height:26px; padding:5px 10px 5px 20px; text-decoration:none}
a.index:hover							{ color: #fea501;background:url(images/icon.gif) 0 -27px no-repeat;}

.user,a.user:link,a.user:active,a.user:visited { background:url(images/icon.gif) 0 -51px no-repeat;color:#555; line-height:26px; padding:5px 10px 5px 20px; text-decoration:none}
a.user:hover							{ color: #fea501;background:url(images/icon.gif) 0 -78px no-repeat;}

.login,a.login:link,a.login:active,a.login:visited { background:url(images/icon.gif) 0 -103px no-repeat;color:#555; line-height:26px; padding:5px 10px 5px 20px; text-decoration:none}
a.login:hover							{ color: #fea501;background:url(images/icon.gif) 0 -130px no-repeat;}

.options,a.options:link,a.options:active,a.options:visited { background:url(images/icon.gif) 0 -155px no-repeat;color:#555; line-height:26px; padding:5px 0px 5px 20px; text-decoration:none}
a.options:hover							{ color: #fea501;background:url(images/icon.gif) 0 -182px no-repeat;}
.links,a.links:link,
a.links:active,a.links:visited 			{ color:#333; line-height:30px; margin:0 5px; text-decoration:none}
a.links:hover							{ color:#fea501; text-decoration: underline}

.terms,a.terms:link,a.terms:active,
a.terms:visited 						{ color:#fea501;  padding:0 6px; white-space:nowrap;  line-height:32px;text-decoration:none; font-size:0.9em}
a.terms:hover							{ color:#fff; text-decoration: underline}



/*  Page Option   */

#themes									{}
#themes0								{ background:#000;width:100%;display: block;z-index:122;text-align:left;border:0px #fff solid;overflow:hidden;height:3px; position:relative;  }
#themes0 .optionwidth					{ width:1003px; margin:0 auto}
#themes0 img							{ margin:3px; cursor:pointer}
#themes0 h2								{ padding:0px; color:#ccc; font-size:32px;float:left; line-height:70px; margin:10px 0px 0 20px; display:inline; width:200px;border-right:1px #444  dashed; height:70px}
#themes0 h2 strong						{ color:#fea501; font-weight:normal}
#themes0 .themebox						{ width:210px;margin:10px;padding:0px; color:#ccc;float:left; border-right:1px #444 dashed ; height:70px}
#themes0 .layoutbox						{ width:310px; margin:10px 10px 0 0;float:left; color:#ccc;border-right:1px #444 dashed ; height:70px}
#themes0 a.close:link, 
#themes0 a.close:active, 
#themes0 a.close:visited				{ float:right; display:block; width:20px; height:20px; text-decoration:none; color:#fff; margin:2px; text-align:center; background:#666; font-size:10px; line-height:16px}
#themes0 a.close:hover					{ background:#FFFFFF; color:#FF0000}

/*  Search Object   */

.searchbox								{ width:220px; float:left; margin:10px 0; color:#ccc; height:70px; position:relative}
.searchbox .SkinObject					{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#ccc}
.searchbox #dnn_dnnSEARCH_txtSearch		{ position:absolute; left:0px; bottom:4px; z-index:2000; width:155px; background:#222; border:2px #666 solid; height:20px; color:#ccc; padding:0 3px}
.searchbox a:link,
.searchbox a:active,
.searchbox a:visited					{ display:block; width:30px; height:24px;  position:absolute; left:165px; bottom:4px; z-index:2000; background:#666; text-align:center; font-size:14px; font-weight: normal; line-height:24px; color:#FFFFFF}
.searchbox a:hover						{ background:#FF0000}
.searchbox span.searchInputContainer	{ display:block; clear:both; float:left; height:52px}

.aboutskin								{ line-height:26px; font-size:14px; color:#FFFFFF}
.aboutskin h1							{ color:#FFFFFF; font-weight:normal}
.aboutskin h1 strong					{ color:#fea501; font-weight:normal}


/*vision update dnn7*/
div.searchbox span.searchInputContainer	{ display:block; clear:both; float:left; height:52px}
a.dnnPrimaryAction:link,
a.dnnPrimaryAction:visited			{ color:#fff; text-decoration:none}
a.dnnPrimaryAction:hover			{ background:#00549c; text-decoration:none}
a.dnnPrimaryAction:active			{ background:#000}

