/*========================================================*/
/*        CSS for DotNetNuke Skin - DjClub                */
/*               by Morteza Kermani                       */
/*             http://www.Markimodules.com                */
/*========================================================*/

/*========================================================*/
/*     Universal                                          */
/*========================================================*/

html { height: 100%; }
body {	
	color: #7F7F7F;
	font-family: verdana, tahoma, arial;
	font-size: 10px;	
	border:0;
	text-align: center;
}

/*========================================================*/
/*     Text                                           */
/*========================================================*/
.Normal 
{
	font-size:11px; 
	color:#5e573b; 
}
.Head 
{
	font-size:13px; 
	font-weight:bold; 
	color:#4c5b38; 
}
.SubHead 
{
	font-size:11px; 
	font-weight:bold; 
	color:#4c5b38; 
}
.SubSubHead 
{
	font-size:11px; 
	font-weight:bold; 
	color:#4c5b38; 
}
TD,TH,DIV,SPAN 
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font: normal normal 11px verdana, Arial;
	color:#4c5b38;
	height: 20px;		
	
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
	cursor: hand;	
}
    
/* button style for standard HTML buttons */
.StandardButton
{
    font-family: Tahoma, Arial, Helvetica;
	BORDER-RIGHT: #999999 1px solid; 
	PADDING-RIGHT: 3px! important; 
	BORDER-TOP: #dddddd 1px solid; 
	PADDING-LEFT: 3px! important; 
	BACKGROUND: url(images/but-bg.gif) #efefef repeat-x 50% bottom; 
	FLOAT: left; 
	PADDING-BOTTOM: 1px! important; 
	BORDER-LEFT: #dddddd 1px solid; 
	PADDING-TOP: 1px! important; 
	BORDER-BOTTOM: #999999 1px solid
}

/*========================================================*/
/*     Links                                          */
/*========================================================*/

/*-- default links visited and active  --*/ a:link, a:visited, a:active { color: #7a6b3e; font-family: tahoma; font-size: 12px; text-decoration: none; }
/*-- default links hover               --*/ a:hover { color: #4c5b38; font-family: tahoma; font-size: 12px; text-decoration: none; }
/*-- normal  links visited and active  --*/ a.Normal:link, a.Normal:visited { color: #7a6b3e; font-family: tahoma; font-size: 12px; text-decoration: none; }
/*-- normal  links hover               --*/ a.Normal:hover { color: #4c5b38; font-family: tahoma; font-size: 12px; text-decoration: none; }
/*-- terms and privacy                 --*/ .FOOTER_objects { color:#f1e6c0; font-size: 11px; }
/*-- terms and privacy links           --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#f1e6c0; text-decoration:none; }
/*-- terms and privacy hover           --*/ a.FOOTER_objects:hover { color:#f1e6c0; text-decoration:none;  }
/*-- admin button-link style           --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #7a6b3e; font-family: tahoma; font-size: 11px; text-decoration: none; }
/*-- admin button-link style hover     --*/ a.CommandButton:hover                                                 { color: #4c5b38; font-family: tahoma; font-size: 11px; text-decoration: none; }

/*========================================================*/
/*     Panes                                          */
/*========================================================*/


.headerpane {
	width: 100%;
	background-color: transparent;
	padding: 15px 30px 70px 20px; 
	width:200px; 
	vertical-align:top;		
}
.toppane {
	width: 100%;
	background-color: transparent;	
	padding-top: 5px;
}
.toppane2 {
	width: 150px;
	background-color: transparent;	
	padding-top: 5px;
}

.leftpane {
	width: 150px;
	background-color: transparent;
	padding-left: 5px;
	padding-top: 5px;
}
.contentpane {
	width: 100%;	
	background-color: transparent;
	padding: 5px;	
}

.rightpane {
	width: 150px;
	background-color: transparent;	
	padding-right: 5px;
	padding-top: 5px;
}
.bottompane {
	width: 120px;
	background-color: transparent;	
	padding-top: 3px;
}
.bottompane2 {
	width: 100%;
	background-color: transparent;	
	padding-top: 3px;
}
/*========================================================*/
/*     Tables                                        */
/*========================================================*/

.maintable {
	background: #020104 url(images/bodybg.gif) repeat-x;
	width: 100%;	
}
.maincontenttable {
	text-align: left;
	width: 785px;	
}
.topbartable {
	height:20px;
	width:100%;		
	border:0;
	padding:5px 15px ;
}
.contenttable {
	width:100%;
	height:300px;
	border:solid 3px #454231; 
	background-color:#e8dfc1;
}
.footerbg {
	background-image: url(images/footerbg.gif) ;
	background-repeat:repeat-x;
	text-align:center;	
	height:30px;
	color:#f1e6c0;
	width:100%;	
}

/*========================================================*/
/*     Menu Table                                   */
/*========================================================*/
.menutl {
	width:20px;
	background-image: url(images/menutl.gif);
	background-repeat: no-repeat;
	background-position:left;
}
.menutr {
	width:20px;
	background-image: url(images/menutr.gif);
	background-repeat: no-repeat;
	background-position:right;
}
.menuc {
	width:160px;
	background-color:#cdba7a;
}
.menubl {
	width:20px;
	background-image: url(images/menubl.gif);
	background-repeat: no-repeat;
	background-position:left;
}
.menubr {
	width:20px;
	background-image: url(images/menubr.gif);
	background-repeat: no-repeat;
	background-position:right;
}

/*========================================================*/
/*     DNN Menu                                   */
/*========================================================*/

.MainMenu_MenuContainer{
    background:#FFFFF; 
    width:160px; 
    height:1px; 
    border-bottom:dash 1px #484848;  
    margin-bottom:5px; 
}
.MainMenu_MenuContainer span{
    font-size:0px; 
    line-height:0px; 
}
.MainMenu_MenuBar{}
.MainMenu_RootMenuArrow{}
.MainMenu_MenuIcon{ display:none; }
.MainMenu_MenuBreak{ display:none; }
.MainMenu_MenuArrow{ display:none;}




/*========================================================*/
/*  7. Module Menus                                       */
/*========================================================*/


/*-- container for module menus --*/
.ModuleTitle_MenuContainer {	
	color: #2c2c2c;
}


/*-- bar for module menus --*/
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
}


/*-- menu items --*/
.ModuleTitle_MenuItem {
	font-family: tahoma; 
	color: #333;
	font-size: 12px;
	background-color: #dccf9b;	
	font-style: normal; 
	border: 1px dotted #cebb7c;
	padding: 0px 8px 1px 2px;
	font-weight: normal;
}


/*-- submenu container --*/
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 2px 0 0 0px;
	background-color: #dccf9b;	
	padding: 1px;
	border: 1px solid #666;
	font-weight: normal;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
}


/*-- hover state --*/
.ModuleTitle_MenuItemSel {
	font-family: tahoma; 
	font-size: 12px; 
	cursor: pointer; 
	cursor: hand; 
	color: #333;
	background-color: #ece5cc;
	border-left: #ddd 1px solid;
	border-right: #ddd 1px solid;
	padding: 0px 8px 1px 2px;
	font-weight: normal;
}

.ModuleTitle_MenuIcon {
	border: 1px solid #eee;
	background-color:#e8dfc1;
	padding: 0 3px 0 3px;
}

/*-- don't need this stuff --*/
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow,     {
	display: none;
}


/*========================================================*/
/*  8. Ribbon Bar                                         */
/*========================================================*/

.element.style
{
height: 20px;
}

/* Content */
.Social-Links{text-align:right;padding:15px 0 0 0;}
	.Social-Links a{margin:0 0 0 10px;}
	.icoIN{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -192px 0;}
	.icoFacebook{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat 0 0;}
	.icoTwitter{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -32px 0;}
	.icoTwitter2{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -576px 0;}
	.icoMySpace{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -64px 0;}
	.icoStumbleUpon{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -96px 0;}
	.icoDigg{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -128px 0;}
	.icoFlickr{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -160px 0;}
	.icoLinkedIn{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -192px 0;}
	.icoYouTube{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -224px 0;}
	.icoDelicious{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -256px 0;}
	.icoBlogger{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -288px 0;}
	.icoRSS{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -320px 0;}
	.icoEmail{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -352px 0;}
	.icoTumblr{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -384px 0;}
	.icoFourSquare{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -416px 0;}
	.icoReddit{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -448px 0;}
	.icoVimeo{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -480px 0;}
	.icoWordPress{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -512px 0;}
	.icoBebo{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -544px 0;}