/*  
Theme Name: Smart Style
Theme URI: http://mysmartbb.com/
*/


body {
	background: url(../images/bg.jpg) #8B8B8B repeat-x top center;
	margin: 10px 0px 10px 0px;
}

#page{
	width:95%;
	background:#FFFFFF;
}

/* Begin header*/

#header{
	background: url(../images/header_bg.gif) repeat-x center top;
	height:118px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#header div#logo{
	float:left;
	height:118px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#header h1{
	float:right;
	padding:25px 20px 0 20px;
	color:#fff;
}
	
div#button{
	background: url(../images/button_bg.gif) repeat-x center top;
	height:33px;
	text-align:right;
	width:100%;
	overflow:hidden;
	margin:0px;
	padding:0px;	
}

div#button ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div#button li {
	display:block;
	padding-top: 5px;
	padding-right:20px;
	float:right;
}

div#button li a {
	color: #FFF ;
	text-decoration:none;
	font: bold 12pt  Arial;
	padding:8px;
}

div#button li a:hover {
	color: #000000;
	text-decoration:none;
	background:#D1CFF6;
}

div#buttonb{
	background: url(../images/buttonb.gif) repeat-x center top;
	height:20px;
	width:100%;
	overflow:hidden;
	margin:0px;
	padding:0px;	
}

/* End header*/

/* Begin tables*/

table.border { 
	border: 1px solid #DEDEDE;
	background-color: #FFF; 
}

td { 
	border : 0px;
	padding : 0px;
	font-family: Tahoma;
	font-size: 9pt;
	color: #000000
}

.blankt {
	border :0px;
	padding : 1px;
}	
 
.tcat{
	background-image: url(../images/gradient_tcat.gif);
	font-family: Tahoma;
	color: #FFFFFF;
	height: 27px;
	text-align: center;
	padding:4px;
}

.tcat a:link{
	color: #F6F6F6;
	text-decoration: none;
}

.tcat a:visited{
	color: #F6F6F6;
	text-decoration: none;
}

.tcat a:hover, .tcat a:active{
	color: #F4A100;
    text-decoration: none;
}

.thead{
	background-image: url(../images/gradient_thead.gif);
	color: #545A83;
	font-family: Tahoma;
	font-size: 8pt;
	text-align: center;
	padding:4px;
}

.thead a:link{
	color: #5B618F;
	text-decoration: none;
}

.thead a:visited{
	color: #5B618F;
	text-decoration: none;
}

.thead a:hover, .thead a:active{
	color: #FF0000;
	text-decoration: none;
}

.thead2{
	background-image: url(../images/gradient_thead.gif);
	color: #545A83;
	font-family: Tahoma;
	font-size: 8pt;
	padding:4px;
}

.thead2 a:link{
	color: #5B618F;
	text-decoration: none;
}

.thead2 a:visited{
	color: #5B618F;
	text-decoration: none;
}

.thead2 a:hover, .thead a:active{
	color: #FF0000;
	text-decoration: none;
}

td.row1{
	background: #F6F6F6;
	padding-right: 10px;
	padding:4px;
}

td.row3 {
	background: #F6F6F6;
	text-align: center;
	padding:4px;
}
td.row1dark {
	background: #F1F1F1;
	padding-right: 10px;
	padding:4px;
}
td.row3dark {
	background: #F1F1F1;
	text-align: center;
	padding:4px;
}

td.row2 {
	background:#E2E2E2;
	height:10px;
}

.tdb{
	border-bottom: 1px solid #DEDEDE;
}

/* End tables*/

/* Begin Text*/

p {
	font-family: Tahoma;
	font-size: 9pt;
	color: #000000;
}

font.highlight {
	color: #FF0000;
	font-weight: bold;
}

span.unreadpm {
    color: #0000FF;
}

.small {
	font-size: 11px; 
}

span.pm  {
	text-decoration: none;
	color: #FF0000;
}

span.spical {
	color: #5B618F;
}

span.large { 
	font : bold 11pt  Arial ;
}

font.online {
	color: #008080; 
}

font.offline {
	color: #FF0000; 
}

/* End Text*/

/* Begin Links*/

a:link,a:active,a:visited {
	text-decoration: none;
	color: #5254A7;
}

a:hover{
	text-decoration: none;
	color: #8E97E1;
}

a:hover.pm {
	text-decoration: underline;
}

/* End Links*/

/* Begin Forms*/

input {
	background: #ffffff;
	border: 1px solid #B4B4B4;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	padding: 2px 6px 2px 6px;
}	
	
input.radio {
	background: transparent;
	border: 0px;
}

input.checkbox {
	background: transparent;
	border: 0px;
}

button.button, input.button {
	background: #ffffff;
	border: 1px solid #939393;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
	padding: 2px 6px 2px 6px;
}

select {
	font-family: Tahoma;
	font-size: 8pt;
}
		  
textarea {
	background: #ffffff;
	border: 1px solid #B4B4B4;
	color: #000000;
	font-family: Tahoma;
	font-size: 12px;
	padding: 2px 6px 2px 6px;
	width: 95%;
}

input:hover,textarea:hover{
	border: 1px solid #000;
}
	
input:focus ,textarea:focus{
	border: 1px solid #686DBB;
	background:#F1F2FF;
}
		
form {
	margin: 0px;
}

/* End  Forms*/