/**
 *
 *	@package	Zoki Directory
 *	@author		Zoki Soft
 *	@copyright	Copyright (c) 2007, Zoki Soft <info@zokisoft.com>.
 *	@link		http://www.zokisoft.com/
 *	@since		Version 1.0 RC
 *	@license	GNU General Public License
 *
 */
@import url(../../../_css/general.css);
	html {
	background: #5670A1 url(images/bg.png) 0 0 repeat-x;
	}
	body
	{
		margin:0px;
		padding:0px;
		font-family: Tahoma;
		font-size:11px;
		color:#333333;		
	}
	img
	{
		background-position:center;
		background-repeat:no-repeat;
	}
	a img, form
	{
		margin:0px;
		padding:0px;
		border:none;
	}
	div, table, td
	{
		position:relative;
		margin:0px;
		padding:0px;
	}
	a:link, a:visited
	{
		color: #0099CC;  text-decoration: underline;
	}
	a:active, a:hover
	{
		color: #FF7300;  text-decoration: underline;
	}
/*---------------*/
	.clearBoth
	{
		clear:both;
		font-size:0px;
		height:0px;
	}
	div.errorBlock{}
	div.error
	{
		margin-left:20px;
		width:80%;
		border: 1px solid #D893A1;
		color: #333;
		padding:5px 5px 5px 35px;
		background-color:#FBE6F2;
		background-image:url('../images/icons/attention.gif');
		background-repeat:no-repeat;
		background-position:left top;
		margin-bottom:5px;
		font-weight:bold;
	}
/* ---------------- */
	.center
	{
		margin-left:auto;
		margin-right:auto;
	}
	.textCenter
	{
		text-align:center;
	}
/* ---------------- */
/*---------------*/
	div#asynchelp_container
	{
		position: absolute;
		width: 200px;
		border:1px solid #444444;
		padding: 3px;
		background-color:#fffec0;
		display:none;
		z-index:1000;
		
	}
	a.asynchelp
	{
		vertical-align: top;
		font-size: 8px;
		text-decoration: none;
	}
	a.autohelp{vertical-align:top;font-size:8px;text-decoration:none;}
/*---------------*/
	input.text, input.password, textarea
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		/*font-family:Lucida Grande, Verdana, Geneva, Sans-serif;*/
		font-size:12px;
		background-color:#fff;
/*		border:1px solid #B1B1D2;*/
		border:1px solid silver;

		margin:0px;
		padding:2px;
	}
	textarea
	{
		font-family:Lucida Grande, Verdana, Geneva, Sans-serif;
		padding:3px;
	}
	input.password{}
	input.file
	{
	/*
		font-size:12px;
		background-color:#fff;
		border:1px solid #666;
		margin:0px;
		padding:0px;
	*/
	}
	input.radio{}
	input.checkbox{}
	input.submit
	{
		padding:1px 20px;
		font-weight:bold;
	}
	select
	{
		background-color:#fff;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		padding:0px;
		margin:0px 3px 0px 0px;
		border:1px solid #666;
		z-index:10;
	}
	select option{}

	fieldset
	{
		position:relative;
		border:1px solid #666;
		background-color: #ffffff;
	}
	* html fieldset
	{
		padding:7px;
	}
	legend
	{
		font-weight:bold;
		text-transform:capitalize;
		font-size:14px;
	}

/*---------------*/
	div#main, .bottomMenu
	{
		width: 868px;
		border:0px solid #B1B1D2;
		margin:20px auto;
		background-color:#fff;
		/*background-color:#fff;
		padding:5px;*/
	}

	div#main
	{
		/*background-image:url('../images/header_bg.gif');
		background-repeat:repeat-x;
		background-position:top;*/
	}



	div#header
	{
		height:100px;
	}
	div#logo
	{
		position:absolute;
		top:10px;
		left:10px;
	}
	div.headerText
	{
		position:absolute;
		top:20px;
		left:20px;
		color:#3c639d;
	}
	div.headerTitle
	{
		font-weight:bold;
	}
	.userInfo
	{
		position:absolute;
		top:20px;
		right:20px;
		text-align:center;
	}

	div#breadCrumbBlock, div.categoriesTree
	{
		padding-left:20px;
		padding-right:20px;
		margin-bottom:5px;
		font-size:10px;
		text-transform:lowercase;
	}
	div#breadCrumbBlock span, div.categoriesTree span
	{
		margin-left:2px;
	}
	div#breadCrumbBlock span.divider, div.categoriesTree span.divider
	{
		margin-left:3px;
	}
/*---------------*/
	#content
	{
		/*background-color:#eee;*/
		min-height:400px;
	}
	.dirCategoryItem
	{
		width:40%;
		height:70px;
		list-style-type:none;
		/*margin:0% 2% 0% 6%;*/
		margin-top:10px;
		margin-right:2%;
		margin-bottom:10px;
		margin-left:6%;
		padding:0px;
		font-size:10pt;
		float: left;
		overflow:hidden;
		/*background-color:#eee;*/
	}
	* html .dirCategoryItem
	{
		margin:20px 3% 20px 3%;
		padding:0px/* 4%;*/
	}
	.catRow
	{
		padding: 0px;
		margin:20px 0px;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	.mainCatItem
	{
		font-weight:bold;
		margin-left:75px;
	}
	.subcategoryItem
	{
		font-size:10px;
		padding-left:5px;
		margin-left:75px;
	}

	.catIcon
	{
		position:absolute;
		top:0px;
		left:0px;
	}

/*---------------*/
	.dirCategoryItem2
	{
		float:left;
		width:250px;
		height:60px;
		margin:5px 0px 5px 15px;
		padding:0px;
		font-size:10pt;
	}
	.dirCategoryItem2 .mainCatItem, .dirCategoryItem2 .subcategoryItem
	{
		margin:0px;
	}
/*---------------*/
	.caption
	{
		margin:5px 0px;
		border-left:5px solid #FF7300;
		border-bottom:1px solid #B1B1D2;
		padding:5px 10px;

		font-weight:bold;
	}
/*---------------*/
	.linkBlock
	{
		margin:10px 5px;
		padding:5px;
	}
	.linkTitle
	{
		font-weight:bold;
		margin-bottom:3px;
	}
	.linkDesc
	{
		margin-bottom:3px;
	}
	.linkUrl
	{
		font-style:italic;
		color:#009900;
		margin-bottom:3px;
		font-size:11px;
	}
	.linkInfo
	{
		font-size:11px;
	}
/*---------------*/
	.curCatTitle, div#breadCrumbBlock
	{
		margin-left:0px;
	}
	.curCatTitle
	{
		font-size:20px;
		font-weight:bold;
		padding-left:20px;
	}
	.curCatDesc
	{
		margin-bottom:15px;
		padding-left:20px;
	}
/*---------------*/
	.bottomMenu
	{
		text-align:center;
	}
/*---------------*/
/* ---------------- */
	.formBlock
	{
		padding:15px 5px 5px 5px;
		margin-bottom:10px;
	}
	.fieldset
	{
		border:1px solid silver;
		padding:10px 7px 7px 7px;
	}
	.fieldset .legend
	{
		position:absolute;
		top:-12px;
		left:10px;
		height:20px;
		line-height:20px;
		vertical-align:middle;
		background-color:#fff;
		padding:0px 5px;
		font-weight:bold;
		text-transform:lowercase;
		font-family:"Courier New", Courier, monospace;
		font-size:15px;
		color:#5e7149;
	}
	.fieldsetContent
	{

border:0px solid red;
	}
	.fieldsetInfo
	{
		font-size:10px;
		text-align:right;
		margin-top:5px;
	}
	.fieldsetIcon
	{
		float:left;
		margin:0px 4px 4px 0px;
	}
/* ---------------- */
/* -- FORM -------- */
	.formBlock .text
	{
		margin-bottom:3px;
	}
	.formBlock .input
	{
		margin-bottom:3px;
	}
	.formBlock .input input.text, .formBlock .input input.password
	{
		width:98%;
	}
	div.submit
	{
		text-align:center;
		margin:5px 0px;
	}
	.bigForm
	{

	}
	.bigForm input.text, .bigForm input.password
	{
		font-size:19px;
		background-color:#f1f1f1;
	}* html .bigForm input.text, * html .bigForm input.password{background-color:#fff;}

	.bigForm input.text:focus, .bigForm input.password:focus
	{
		background-color:#fff;
	}
/* ---------------- */
/* ---------------- */
	.formFloat
	{
		float:left;
		margin:3px;
	}
/* ---------------- */
span.unavailable{color:red;}
span.available{color:green;}
span.available{color:green;}
/* ---------------- */
	.categLimitLong
	{
		max-height:800px;

		overflow:auto;
	}
	* html .categLimitLong
	{
		height:800px;
	}
	.categLimit
	{
		max-height:300px;
		overflow:auto;
	}
	* html .categLimit
	{
		height:300px;
	}
	.categLimit div, .categLimitLong div
	{
		margin:1px 0px 0px 10px;
	}
	.categLimit label, .categLimitLong label
	{
		display:block;
		line-height:13px;
		vertical-align:middle;
	}
	.categLimit label:hover, .categLimitLong label:hover
	{
		background-color:#f1f1f1;
	}
	.categLimit label input, .categLimitLong label input
	{
		vertical-align:top;
		outline:0px;
	}
	.plusMinus
	{
		position:absolute;
		top:0px;
		left:0px;
	}
/* ---------------- */
	.categoryOdd
	{
		background-color:#f1f1f1;
	}
	.categoryEven
	{

	}
/* ---------------- */
	.dirCellCaption
	{
		width:100px;
		font-weight:bold;
		vertical-align:top;
	}
	.dirCellValue
	{

	}
/* ---------------- */
	.statBar{}
.statBar .first{float:left;width:49%;}
.statBar .second{float:left;width:48%;left:10px;}
.statBar .caption{text-align:center;font-weight:bold;color:#666;}
.toolBar{text-align:right;margin: 5px 0 5px 0;}
.postImageBlock{width:220px;text-align:center;float:left;margin:0px 5px 5px 0px;}
img#BlockThumbPic{cursor:pointer;}
.postIcondBlock{}
.postIcondBlock img, .postImageColumn img{cursor:pointer;background-repeat:no-repeat;background-position:center;border:1px solid #f1f1f1;margin-right:2px;}
.postImageColumn{float:right;clear:right;margin:0px 0px 3px 7px;}
.commentsBlock{margin-top:10px;padding-top:10px;}
.commentsBlock .link{text-align:right;font-size:11px;margin-bottom:10px;}
.commentsBlock textarea.comments{width:98%; border:1px solid #999;}
.commentsBlock .submitKeeper{text-align:right;}
.commentsBlock .comments{border:0px solid red;}
.commentBlock{margin-bottom:6px;padding:0px 5px;border-left:1px solid #ccc;}
.commentBlock .actionLinks{text-align:right;height:18px;font-size:10px;}
.commentBlock .actionLinks div{float:right;margin-left:5px;}
.postBlock{border:1px solid #92a858;background-color:#fcfcdd;margin-bottom:10px;}
.postBlockCont{padding:5px;}
.letterListCaption{border: 1px solid #888888;text-align:center;}
.letterListRow{border: 1px solid #888888;font-size:smaller;}
/* ---------------- */
.adminComment
{
	margin:10px 0px;
	border:1px solid #999;
	padding:5px;
	background-color:#fff;
}
.adminComment div
{
	font-weight:bold;
	border-bottom:1px solid silver;
	padding:0px 5px;
	margin-bottom:5px;
}
/* ---------------- */
.example
{
	font-size:10px;
	font-style:italic;
	color:#666;
	font-family:Lucida Grande, Verdana, Geneva, Sans-serif;
	margin-bottom:10px;
}
/* ---------------- */
	.required
	{
		color:red;
	}
/* ---------------- */
	div.pagination
	{
		text-align:center;
		height:30px;
		line-height:30px;
		margin:10px 0px;

	}
	div.pagination span
	{
		border:1px solid #B1B1D2;
		padding:3px 5px;
	}

	div.pagination span.incurrent
	{
		background-color:#dfe1fd;
	}

/* ---------------- */
	.formLeft
	{
		float:left;
		width:30%;
		text-align:right;
		margin-bottom:5px;
	}
	.formRight
	{
		float:left;
		width:65%;
		left:10px;
		margin-bottom:5px;
	}
/* ---------------- 
NEW +=======================================
*/

div#headers {
	background: url(../images/header-bg.png) 0 0 repeat-x;
}

div#headers .rk-1 {
	background:  url(../images/header-r.png) 100% 0 no-repeat;
}

div#headers .rk-2 {
	background:  url(../images/header-l.png) 0 0 no-repeat;
	height: 153px;
	overflow: hidden;
}

img#logo {
	float:  left;
	margin-left: 38px;
	width: 469px;
	height: 138px;
	/*background: url(images/logo.png) 0 0 no-repeat;*/
}

div#top {
	margin-left:  520px;
	height: 138px;
	font-style: italic;
}

div#top .padding {
	padding:  15px;
}
table.contentpaneopen, table.contentpane {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
}

div.contentpane, div.contentpaneopen {
  width: 100%;
}


/*===================================*/
/* footer background and border 
#footer {
  background:#f1f1f1;
  border-color:#ccc;
}
*/
table.usermodules {
	width: 100%;
	padding: 0;
}

td.mainbody {
	background: #fff;
}

td.usermodules {
	padding: 0 10px;
}

td.mainbody .padding,
td.right .padding {
	padding: 15px;
}

td.mainbody .padding {
	padding: 0px 20px;
}

td.right {
	background: #EEF6FF url(./images/col-divider.png) 0 0 repeat-y;
	width: 255px;
}
div#bottom {
	background: #121A28 url(../images/bottom-bg.png) 0 0 repeat-x;
}
div#footer {
	background: url(../images/footer-bg.png) 0 0 repeat-x;
}

div#footer .rk-1 {
	background: url(../images/footer-r.png) 100% 0 no-repeat;
}

div#footer .rk-2 {
	background: url(../images/footer-l.png) 0 0 no-repeat;
	height: 105px;
	overflow: hidden;
}

div#the-footer {
	/*background: url(images/footer-rocket.png) 50% 0 no-repeat;*/
	text-align: center;
	color:#39537D;
}

a.footer{
	color:#006699;
}
a.footer:hover{
}

/*nav ================================================================================*/
#nav {
  background:#f1f1f1;
  border-color:#ccc;
  background: url(../images/menu-bg.png) 0 0 repeat-x;
	height: 36px;
}

/* nav link color */
#nav li a {
  color:#006699;
  font-weight:bold;
 
}

/* nav link hover color */
#nav a:hover {
  color:#0099FF;
  
}
#nav {
    clear:both;
  }
   
    #nav {
      clear:both;
      margin:0;
      padding:0 40px 0 0;
      height:24px;
      border-bottom:1px solid;
	  background: url(../images/menu-bg.png) 0 0 repeat-x;
	height: 36px;
    }
    
    #nav li {
      list-style:none;
      margin:0;
      padding:0;
      display:inline;	  
    }
    
    #nav li a {
      height:24px;
      line-height:30px;
      display:block;
      float:left;
      
      margin:0 10px 0 10px;
      text-decoration:none;
      font-weight:bold;
      float:right;
    }

    #nav a { background: url(../images/menu-divider.png) 100% 0 repeat-y;padding-right: 30px;height: 40px; padding-top:3px;}