/****login***/
#log {
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:7pt;
	color:#0099CC;
	border: 1px solid #CCCCCC;
	border-collapse:collapse;
}
label {
	font-size: 9pt;
	color: #F7941D;
	
}

.userpass {
	font-size: 8pt;
	color: DarkGreen;
	border: 1px solid #7394B2;
	
}
.signin {
width: 32px;
}
select {
	font-size: 7pt;
	color: SteelBlue;
	border: 1px solid #85B163;
	width: 80px;
	
}
.signup{
	font-size: 10pt;
	color: #0099cc;	
}
 
.hint{
	font-size:7pt;
	color:#0099CC;
	}
	
#logiframe{
	position:relative;
	 top:12px;
	 }
	 
/*****************/

body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #6ABADA;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 10pt;
	color: #333333;
	text-align: left;
	}
#roundcontent {
	position: relative;
	top: -20px;
	left: 10px;
	font-size: 9pt;
}
#roundcontent a{
	color:#336666;
	
		
}
#roundcontent a:hover{
	color:DarkBlue;
	text-decoration:none;
		
}


#content a{
	color:#336666;
	
		
}
#content a:hover{
	color:DarkBlue;
	text-decoration:none;
		
}
.head1 {
	font-family:Tahoma;
	font-size: 11pt;
	/*color: #00A8C6;*/
	line-height:2em;
	/*font-weight:600;*/
	
	
}
/*.boldcolor{
color:#666666;
font-weight:bold;
}*/
#container{
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#content{
	background-color: White;
}
.button{
	background-image: url(../img/button.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left:40px;
	height: 50px;
	width: 354px;
	padding-top: -10px;
}

#mainbutton a{
	
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 12pt;
	color: #FFFFFF;
	text-decoration:none;
	position: relative;
	font-weight: bold;
	top: -5px;	
	left: -5px;
}

#mainbutton a:hover{
	color:#E5E5E5;
	}

.tools{
	position:relative;
	top:-12px;
	}

.contenttop {
	background-image: url(../img/contenttop.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	
}

.contenttopleft {
	background-image: url(../img/contenttopleft.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 21px;
	width: 21px;
	
}
.contenttopright {
	background-image: url(../img/contenttopright.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 21px;
	width: 21px;
}
.contentleft {
	background-image: url(../img/contentleft.gif);
	background-repeat: repeat-y;
	background-position: right;
	
}
.contentright {
	background-image: url(../img/contentright.gif);
	background-repeat: repeat-y;
	background-position: left;
	
}
.contentbottomright {
	background-image: url(../img/contentbottomright.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 21px;
	width: 21px;
}

.contentbottom {
	background-image: url(../img/contentbottom.gif);
	background-repeat: repeat-x;
	
}
.contentbottomleft {
	background-image: url(../img/contentbottomleft.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 21px;
	width: 21px;
}	
	
.trynow
{
	background-image: url(../img/trynow.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 38px;
	width: 117px;
}
#login{
	position: relative;
	top: -20px;
	left: 3px;
}
#artcontest{
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 12pt;
	color: #00A8C6;
	border: 1px dotted #00A8C6;
	background-image: url(../img/boy.gif);
	height: 125px;
	width: 99%;
	background-repeat: no-repeat;
	background-position: left;
	font-weight: bold;
}
.contestbutton{
	padding-top: 10px;
	padding-left: 95px;
	font-size: 9pt;
	color: #FF8100;
	font-weight: normal;
}

#demo{
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 12pt;
	color: #00A8C6;
	border: 1px dotted #00A8C6;
	background-image: url(../img/demo.gif);
	height: 125px;
	width: 99%;
	background-repeat: no-repeat;
	background-position: left;
	font-weight: bold;
}


.header {
	font-size: 14px;
	font-weight: bold;
	color: #00A8C6;
	vertical-align: bottom;
	padding-top: 5px;
	padding-left: 5px;
}
.outer {
	border: 1px solid #CFCFCF;
	background-color: #EFF6F8;
	/*position: relative;
	top: 10px;*/
}
.greyouter {
	border: 1px solid #D6DCDE;
	
	top: 5px;	
}



.whiteouter{
	background-color: #DCE2E3;
	border: 1px solid White;
	
}
.picborder{
	border: 2px solid White;
}


.zcubesad{
	background-image: url(../img/zcubesad.gif);
	background-repeat: no-repeat;
	height: 169px;
	width: 178px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	text-align: center;
	vertical-align: baseline;
}
#zad{
	position: relative;
	top: -20px;

}

#masterpiece{
	position: relative;
	top: -5px;
}
#masterpiece a {

	font-size: 8pt;
	color: #666655;
	text-decoration: underline;
	text-align: center;
	vertical-align: middle;
	
	}
	#masterpiece a:hover {

	font-size: 8pt;
	color:#999999;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	
	}


#footer {

	font-size: 8pt;
	color: #666666;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
	#footer a {

	font-size: 8pt;
	color: #666655;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	
	}
	#footer a:hover {

	font-size: 8pt;
	color:#999999;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	
	}