@import "form.css";
@import "table.css";
@import "datagrid.css";
@import "pagination.css";
/*-------------------------------------------------------------------------------*/
/*-- basic layout --------------------------------------------------------------*/

*{
	margin: 0;
	padding: 0;
}

body {	
	font:12px arial, Helvetica, sans-serif; 
	color: black;
	background-color:#E8E8E8 ;
	text-align:center;
	/*#969696;*/
}

/*  testtool ... border:1px solid red; */


/* link definition */
a:link,a:active,a:visited  { text-decoration:none;color:#2AAAFF;}
a:hover						{ text-decoration:underline; }
a img						{ border:none;}
a:visited { text-decoration:none;}

/* header definition */
h1{	font:27px Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:5px;}
h2{	font:21px Georgia, Helvetica, sans-serif; margin-bottom:5px; color: #E2341C;}
h3{	font:18px Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:5px;  color: #00CCFF;}
h4{	font:13px Arial, Helvetica, sans-serif; font-weight:bold; color: #646464;}
h3.black{font:15px Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:5px;  color: #000;}
ul{ list-style-type:none; }

/*-------------------------------------------------------------------------------*/
/*-- general utilities classes -------------------------------------------------*/

/* padding margin */
.pad2	{ padding: 2px;}
.pad5	{ padding: 5px;}
.pad10	{ padding: 10px;}
.mar5	{ margin : 5px;}
.hspace	{ margin-right : 20px;}
.top5{ margin-top : 5px;}
.bot5{ margin-bottom : 5px;}
.left5{ margin-left : 5px;}
.right5{ margin-right : 5px;}
.left10{ margin-left : 10px;}
.right10{ margin-right : 10px;}
.h5{ margin: 0 5px;}
.v5{ margin: 5px 0;}

/* color classes */
.blue	{ color: #2AAAFF;}
.red 	{ color: #E2341C;}
.gray	{ color: #646464;}
.lgray	{ color: #B4B4B4;}
.black	{ color: #000000;}
.green	{ color: #EEF8F8;}
.white	{ color: #fff;}
.dgreen	{ color: #00B99A;}


/* layout classes */
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }
.layoutCenter		{ margin: 0 auto; }

/* align classes */
.alignCenter		{ text-align: center; }
.alignRight			{ text-align: right; }
.alignLeft			{ text-align: left; }
.alignJustify		{ text-align: justify; }

/* size classes */
.width100 			{ width: 100%; }
.width90 			{ width: 90%; }
.width80 			{ width: 80%; }
.width75 			{ width: 78%; }
.width60 			{ width: 60%; }
.width55 			{ width: 55%; }
.width50 			{ width: 49%; }
.width45 			{ width: 44%; }
.width40 			{ width: 39%; }
.width35 			{ width: 35%; }
.width30 			{ width: 30%; }
.width25 			{ width: 25%; }
.width20 			{ width: 20%; }

/* text classes */
.script				{ font-size:10px; font-style:italic; }
.noline				{ text-decoration:none; }
.font10				{ font-size:10px; }
.font11				{ font-size:11px; }
.font12				{ font-size:12px; }
.font13				{ font-size:13px; }
.font17				{ font-size:17px; }
.fontbold			{ font-weight:bold; }
.blocked 			{ background: #000; color: #fff;  
					  padding: 2px 6px; font-weight: bold;}
.cat				{ font-size:21px; font-weight:bold; color: #E2341C;
					  margin-top:5px;line-height:40px;}
.pblack				{font:15px Arial, Helvetica, sans-serif; font-weight:bold;}					  
.txtwhite{color:#fff;}					  
/* special link classes */
a:hover.blocked 	{ }
a.more  			{ font-weight:bold; 
                      padding-left:15px;
					  margin: 5px 0; 
                      background:url(../images/template/more.gif) no-repeat;
                      
					   }
a.white			{ color:#fff;}
a.red			{ color: #E2341C;}
#subnav a		{ font-weight:bold;}

a:visited.red{ color: #E2341C;}
/* decorative classes */
.underdot			{ border-bottom: dotted 1px #E1E1E1;}
.underdashed		{ border-bottom: dashed 1px #E1E1E1;}
.underlined			{ border-bottom: solid  1px #E1E1E1;}
.upperdot			{ border-top: dotted 1px #E1E1E1;}
.upperdashed		{ border-top: dashed 1px #E1E1E1;}
.upperlined			{ border-top: solid  1px #E1E1E1;}
.bordered			{ border: 1px solid  #E1E1E1; }
.borderedblue		{ border: 1px solid  #94D5FF; }
.dotted				{ border: 1px dotted #E1E1E1; }
.dashed				{ border: 1px dashed #E1E1E1; }
.bggreen			{ background: #EEF8F8;}
.bgwhite			{ background: #fff;}
.bgstripe			{ background: url(../images/template/diagonal.gif);}
.bggray				{ background: #f3f3f3;}
.bgyellow			{background: #F9F987;}
.bgblue				{background:url(../images/template/bluestripe.gif) no-repeat;}
.designthumb		{float:left;text-align:center;width: 114px;padding-bottom:10px;}
/*-------------------------------------------------------------------------------*/
/*-- layout definition ---------------------------------------------------------*/

#container{	
	text-align: left;
 	position: relative;
	width:760px;
	margin: 0 auto;
	background-color:#fff;
	padding: 0 20px;
	background:url(../images/template/bg.gif) repeat-y;
	
}

#content{
	background:#fff;
	text-align: left;
	float:left;
	width:100%;

}

#main{
    float:left;
	width:	520px;
	padding-left:20px;
	text-align:left;
	background-color:#fff;
	min-height:419px;
	_height: 413px;

}

* html #main {
    \width: 520px; /* for IE5 and IE6 in quirks mode */
    w\idth: 500px; /* for IE6 in standards mode */
}

#side{

	width:200px;	
	float:left;
}


#header{
	
	float:	left;
	width:	760px;
	height: 80px;
	margin-left:5px;
}


#logo{
	
	width: 310px;
	height:80px;
	float:left;
	
}

#nav{
	margin-top:10px;
	width:	350px;
	height:	30px;
	float:	right;
}

#subnav{	
	width:	350px;
	height:	30px;
	padding:0;
	font:11px Arial, Helvetica, sans-serif; 
	float:	right;
	
}

#bar{
	margin-left:10px;	
	width:		760px;
	height:		25px;
	float:		left;
	background: url(../images/template/hbar.gif) no-repeat;
}


#footer{
	width:	720px;
	height:	50px;
	padding:20px;
	clear:both;
	background:#38B4E3 url(../images/template/bgfooter.gif) top no-repeat;
	font:11px Arial, Helvetica, sans-serif; 
}

#footer a{
	color:white;
	text-decoration:underline;
}

#dashboard{
	margin-bottom:8px;
}

#loginbox{
	border:solid 1px #E8e8e8;
	font:11px Arial, Helvetica, sans-serif; 
	background: url(../images/template/bgtxt.gif) ;
}

#addcont{
	background-color: #f8f8f8;
	float:left;
	width: 100%;
	border-top: 1px dashed #e1e1e1;
	margin-bottom:4px;
	padding-bottom: 5px;
}


#preloader{
	display:none;
	width:50%;
	height:50%;
}

#votethis{
	width: 211px;
	height:235px;
	padding-left:15px;
	background: url(../images/template/vote.gif) no-repeat;	
}
/*-------------------------------------------------------------------------------*/
/*-- column classes ------------------------------------------------------------*/


.col      {padding:5px;}
.colside  { padding: 5px 10px; }
.colmain  { padding: 10px; margin-bottom: 20px;}

.colst	{ 
	height: 	2px; 
	margin: 	0; padding:0;
	background: #EEF8F8 url(../images/template/roundedup.gif) no-repeat;
}

.colsb	{ 
	height: 	6px; 
    margin: 	0; padding:0;
	background: #fff url(../images/template/roundeddown.gif) no-repeat;	
}






/*-------------------------------------------------------------------------------*/
/*-- list classes --------------------------------------------------------------*/

ul.rating {	}

ul.rating li {
	background: left url(../images/template/ratingn.gif) no-repeat;
	font:18px Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#000;	
	text-decoration:none;
	cursor:pointer;
	
}

ul.rating li span{
	padding:2px 2px 0  8px;
	font-size:12px;
	font-weight:bold; 	
	color:black;
}

ul.ratingy li span{color:white;}

ul.ratingy li {
	background: left url(../images/template/ratingy.gif) no-repeat;		
}

* html .thumbnail {
	margin		: 5px 10px 15px 0;	

}