
* {
	margin: 0;
	padding: 0;
}
a {
	color: #F70;
}
a:hover {
	color: #C60;
}
body
{
	background:#FFCF00 url(img/bg.jpg) repeat-x;
	color: #466;
	font: normal 62.5% "Lucida Sans Unicode" ,sans-serif;
	margin: 0;
}
p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}
h2 {
	font-size: 1.2em;
	margin-bottom: 4px;
}

h1,h2,h3 {
	color: #06C;
	padding-top: 6px;
}

.titleLink
{
	text-decoration:none;
	color: #06C;
}
 .titleLink:hover
 {
 	text-decoration:none;
	color: #06C;
 }
/* misc */
.clearer {
	clear: both;
}

#postnavigation{
	height: 20px;
	margin-bottom: 10px;
	text-align: center;
	color: Gray;
}

/* structure */
.container {
	background: url(img/topleft.jpg) no-repeat;
}

.header {
	height: 92px;
}

/* title */
.title
{
	float: left;
	padding: 28px 0 0 106px;
	color: #FFF;
}
.title h1 {
	color: #FFF;
	font: normal 2em Verdana,sans-serif;
}
.title a {
	text-decoration: none;
	color: #FFF;
}

.content h1
{
	font-weight: bold;
	font-size: 2em;
	font-family: Verdana,sans-serif;
}

.hiddencol
{
    display:none;
}
.viscol
{
    display:block;
}

/* main */
.main {
	background: #FFF url(img/bgmain.jpg) no-repeat;
	clear: both;
	padding: 12px 12px 0 52px;
}

/* content */
.content {
	margin-right: 30px;
	margin-left:30px;
	/*width: 69%;*/
	
}
.content .postheader
{
	text-decoration: none;
	color: #313D71;
}
.content .descr {
	color: #C60;
	margin-bottom: 6px;
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}
.postcontent {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
.postcontent p {
	font-size: inherit;
	padding-bottom: 1.2em;
}
#ctl00_cphBody_divText {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
#ctl00_cphBody_divText p {
	font-size: inherit;
	padding-bottom: 1.2em;
}
.postfooter {
	padding:2px 3px 3px 8px;
	border:1px solid #e3e4e4;
	background-color:#f5f5f5;
	font-size:0.9em;
	color:#505050;
}
.postfooter img{
	border: none;
}

/* footer */
.footer
{
	background: #FFCF00 url(img/bgfooter.gif) repeat-x;
	color: #FFFFFF;
	font-size: 1.1em;
	line-height: 40px;
	text-align: center;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}


/*----------------------------
				Image pop up
----------------------------*/

.thumbnail
{
	position: relative;
	z-index: 0;
}

.thumbnail img
{
	border: solid 2px gray;
}

.thumbnail:hover
{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span
{
	position: absolute;
	background-color: #FFCF00;
	padding: 5px;
	left: -1000px;
	border: 2px solid #BE2021;
	visibility: hidden;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align:middle;
	font-size: 13px;
	z-index:100;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{
visibility: visible;
top: -380px;
left: 100px;
}

/*----------------------------
				Image pop up2
----------------------------*/

.thumbnail2
{
	position: relative;
	z-index: 0;
}

.thumbnail2 img
{
	border: solid 2px gray;
}

.thumbnail2:hover
{
	background-color: transparent;
	z-index: 50;
}

.thumbnail2 span
{
	position: absolute;
	background-color: #FFCF00;
	padding: 5px;
	left: -1000px;
	border: 2px solid #BE2021;
	visibility: hidden;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align:middle;
	font-size: 13px;
	z-index:100;
}

.thumbnail2 span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{
visibility: visible;
top: -50px;
left: 100px;
}

/********************

			Star Rating

********************/

.star_blank 
{
	display: block; 
	width: 30px; 
	height: 30px; 
	background-image: url(../images/starrating.gif); 
	background-repeat: no-repeat; 
	background-position: 0px 0px; 
}    
.star_half 
{
	display: block; 
	width: 30px; 
	height: 30px; 
	background-image: url(../images/starrating.gif); 
	background-repeat: no-repeat; 
	background-position: 0px -30px; 
} 
.star_full 
{
	display: block; 
	width: 30px; 
	height: 30px; 
	background-image: url(../images/starrating.gif); 
	background-repeat: no-repeat; 
	background-position: 0px -60px; 
} 

/***************************

Note dailog

*****************************/
.note-dialog {	
    BACKGROUND: url(img/bg/dialog24-note.png) no-repeat left top;	
    MARGIN: 0px auto;	
    WIDTH: 430px;	
    PADDING-TOP: 14px;	
    POSITION: relative;
}

.note-dialog .inner {	
    PADDING-RIGHT: 20px;	
    PADDING-LEFT: 20px;	
    PADDING-BOTTOM: 11px;	
    BACKGROUND: url(img/bg/dialog24-note.png) no-repeat left bottom;	
    FLOAT: left;	
    MARGIN: 0px 0px -20px 0px;	
    WIDTH: 390px;	
    PADDING-TOP: 0px;
} 

.note-dialog .base {	
    BORDER-TOP: #ddd 1px solid;	
    BACKGROUND: url(img/bg/dialog-base-note.png) no-repeat left bottom;	
    PADDING-BOTTOM: 4px;	
    MARGIN-LEFT: -11px;	
    MARGIN-RIGHT: -11px;	
    PADDING-TOP: 4px;	
    TEXT-ALIGN: center;
}

.note-dialog H2 {	
    FONT-WEIGHT: bold;	
    FONT-SIZE: 1.25em;	
    COLOR: #f60;
    TEXT-ALIGN: center;
}     

/*************

	Dashboard

************/

.dashboard_top
{
	background: url(img/dashboard_top.jpg) no-repeat;
	width: 260px;
	height: 60px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:bold;
	text-align:center;
	
}

.dashboard_top .text
{
	font-size:18px;
	vertical-align: -100%;
	margin-right:35px;
}


.dashboard_left
{
	BACKGROUND: url(img/dashboard_left.jpg) no-repeat;
	width: 90px;
	height:100px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:bold;
	vertical-align:bottom;
	text-align:center;

}

.dashboard_left .text
{
	font-size:22px;
	vertical-align: 230%;
	margin-left:35px;
	
}

.dashboard_right
{
	BACKGROUND: url(img/dashboard_right.jpg) no-repeat;
	height:100px;
	width:170px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:bold;
	vertical-align:bottom;
	text-align:right;

}

.dashboard_right .text
{
	font-size:34px;
	margin-right:15px;
	vertical-align:100%;
}
