/* 
    Document   :  Style
    Created on :  06-Jan-2009, 16:49:06
    Author     :  James
    Description:  contains style for all content
*/

/* 
   TODO general style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root{
    display: block;
  
}

textarea{

  width:325px;
}

body{
    color: #fff;
    font: bold 11px arial,helvetica;
}

.regform_container{
	/* border:1px solid #fff; */
	width:63%;
	padding:0px 0px 0px 30px;
	height:290px;
}

.regform_subcontain{
	font: bold 11px arial,helvetica;
	width:90px;
	padding:0px 0px 0px 0px;
	 /* border:1px solid #fff; */ 
}

.menu_container{

	font: bold 11px arial,helvetica;
	width:50%;
	padding:0px 0px 10px 0px;
}

.showmyads_container{
	font: bold 11px arial,helvetica;
	width:50%;
	padding:0px 0px 0px 0px;
}

.regform_subcontainer{
	font: bold 11px arial,helvetica;
	width:590px;	
	padding:0px 0px 0px 0px;
	/* border:1px solid #fff; */	
}

a {
	color:#fff;
	font: bold 11px arial,helvetica;	
}

.fields{
	width:30px;
}

.lbl_fileds{
	width:30px;
}

.info_fileds{

	width:140px;
}

.msgs{

	font: bold 16px arial,helvetica;
}

.msgs a{
	
	font: bold 16px arial,helvetica;
	color:#fff;
}





/*

	style for ad boxes
	------------------

*/

.logo_container a{
	text-align: right;
	color:#0066cc;
	/* font-size: 0.9em; */
	font: bold normal 10px arial, sans-serif;
	padding: 0px 2px 4px 0px;	
	text-decoration: underline;
}

.lb_image_logo_container {
	 width:180px;
	 position:absolute;
	 top:76px;
	 left:592px;
	 z-index:99;
	 text-align:left
}

.lb_image_logo_container a{
	text-align: right;
	color:#0066cc;
	/* font-size: 0.9em; */
	font: bold normal 10px arial, sans-serif;
	padding: 0px 2px 4px 0px;	
	text-decoration: underline;
	padding: 0px 0px 0px 0px; 
	height:20px;
}

.banner_logo_container {
	 width:180px;
	 position:absolute;
	 top:79%;
	 left:71%;
	 z-index:99;
	 text-align:left;	 
}

.banner_logo_container a{
	text-align: right;
	color:#0066cc;
	/* font-size: 0.9em; */
	font: bold normal 10px arial, sans-serif;
	padding: 0px 2px 4px 0px;	
	text-decoration: underline;
	padding: 0px 0px 0px 0px; 
	height:20px;
	
}

/* letter board style */

.lb_container{
	background-color: #fff;
	/* border:1px solid #0066cc; */
	width:728px;
	height:90px;
	padding: 0px 2px 0px 3px;	
}

.lb_sub-container{
	text-align: top;	
	width:178px;
	height:68px;
	float:left;
	/* border: 1px solid #000; */
}

/* banner */

.banner_container{
	background-color: #fff;
	/* border:1px solid #0066cc; */
	width:468px;
	height:60px;
	padding: 0px 2px 0px 2px;	
}

.banner_sub-container{
	text-align: top;
	width:229px;
	height:42px;
	float:left;
	/* border:1px solid #000; */	
}

/* half banner */

.half_container{
	background-color: #fff;
	/* border:1px solid #0066cc; */
	width:234px;
	height:60px;
	padding: 0px 2px 0px 2px;	 	
}

.half_sub-container{
	text-align: top;
	width:228px;
	height:41px;
	/* border:1px solid #000; */
}

.halfbanner_logo_container {
	 width:180px;
	 position:absolute;
	 top:79%;
	 left:42%;
	 z-index:99;
	 text-align:left;	 
}

.halfbanner_logo_container a{
	text-align: right;
	color:#0066cc;
	/* font-size: 0.9em; */
	font: bold normal 10px arial, sans-serif;
	padding: 0px 2px 4px 0px;	
	text-decoration: underline;
	padding: 0px 0px 0px 0px; 
	height:20px;
	
}

/* button */

.butn_container{
	background-color: #fff;
	/* border:1px solid #0066cc; */
	width:125px;
	height:125px;
	padding: 0px 1px 0px 2px;	
}

.butn_sub-container{
	text-align: top;	
	width:119px;
	height:93px;
	/* border:1px solid #000; */
}

.butn_logo_container {
	 display:block;
	 position:absolute;	 
	 z-index:99;
	 text-align:right;
	 width:95px;
	 top:99px;
	 left:28px;
}

.butn_logo_container a{
	text-align: right;
	color:#0066cc;
	/* font-size: 0.9em; */
	font: bold normal 10px arial, sans-serif;
	/* padding: 0px 2px 4px 0px; */	
	text-decoration: underline;
	/* padding: 0px 0px 0px 0px; */ 
	/* border:1px solid #000; */	
	width:60px;	
}

/* skyscrapper */

.skyscrapper_container{
	background-color: #fff;
	/* border:1px solid #0066cc; */
	width:120px;
	height:600px;
	padding: 2px 2px 0px 2px;	
}

.skyscrapper_sub-container{
	text-align: top;
	float:left;
	width:115px;	
	/* border:1px solid #000; */	
}

.skyscrapper_title a{
	/* font-family: verdana,sans-serif; */
	font: bold 0.8em verdana, sans-serif;
	color: #001EFF;
	/* font-size: 0.8em;
	font-weight: bold; */
	text-decoration: underline;
	word-spacing: 0.8pt;	
}

.skyscrapper_descr{
	font-family: arial,sans-serif;
	font-size: 0.8em;
	word-spacing: 0.8pt;
	color:#000;
}

.skyscrapper_url a{
	font-family: verdana,serif;
	color: #19A800;
	font-size: 10px;
	letter-spacing: 0.6pt;
	word-spacing: 0.8pt;
}

/* .skyscrapper_logo_container{
	text-align: left;
	color:#0066cc;
	font-size: 0.9em;
	padding: 0px 2px 2px 0px;
} */

.skyscrapper_logo_container {
	 display:block;
	 position:absolute;	 
	 z-index:99;
	 text-align:left;
	 width:125px;
	 top:3px;
	 left:3px;
}

.skyscrapper_logo_container a{
	text-align:left;
	vertical-align:top;
	color:#0066cc;
	/* font-size: 0.9em; */
	font: bold normal 10px arial, sans-serif;
	/* padding: 0px 2px 4px 0px; */	
	text-decoration: underline;	
	/* padding: 0px 0px 0px 0px; */	
	width:60px;	
}

/* wide skyscrapper  */

.wd-skyscrapper_container{
	background-color: #fff;
	/* border:1px solid #0066cc; */
	width:160px;
	height:600px;
	padding: 2px 1px 0px 1px;	
}

.wd-skyscrapper_sub-container{
	text-align: top;
	padding:0 0 0 2px;
	
}


.wd-skyscrapper_logo_container {
	 display:block;
	 position:absolute;	 
	 z-index:99;
	 text-align:left;
	 width:165px;
	 top:3px;
	 left:3px;
}

.wd-skyscrapper_logo_container a{
	text-align:left;
	vertical-align:top;
	color:#0066cc;
	/* font-size: 0.9em; */
	font: bold normal 10px arial, sans-serif;
	/* padding: 0px 2px 4px 0px; */	
	text-decoration: underline;	
	/* padding: 0px 0px 0px 0px; */
	/* border:1px solid #000; */	
	width:140px;	
}
/* small rectangle  */

.small-rect_container{
	background-color: #fff;
	/* border:1px solid #0066cc; */
	width:180px;
	height:150px;
	padding: 2px 1px 0px 2px;	
}

.small-rect_descr{
	font-family: verdana,sans-serif;
	font-size: 0.7em;
	word-spacing: 0.8pt;
	color:#000;
}

.small-rect_sub-container{
	text-align: top;
	height:84px;
	margin:20% 0px 0px 0px;
	/* border:1px solid #000; */	
}
.small-rect_logo_container {
	 display:block;
	 position:absolute;
	 z-index:99;
	 text-align:left;
	 width:300px;
	 top:137px;
	 left:	3px;
}

.small-rect_logo_container a{
	text-align:left;
	vertical-align:top;
	color:#0066cc;
	/* font-size: 0.9em; */
	font: bold normal 10px arial, sans-serif;
	/* padding: 0px 2px 4px 0px; */	
	text-decoration: underline;	
	/* padding: 0px 0px 0px 0px; */
	/* border:1px solid #000; */	
	width:150px;	
}


/* vertical */

.vertical_container{
	background-color: #fff;
	/* border:1px solid #0066cc; */
	width:120px;
	height:240px;
	padding: 2px 1px 0px 1px;	
}

.vertical_sub-container{
	text-align: top;
	padding: 5px 0px 15px 0px;	
}

.vertical_title a{
	/* font-family: verdana,sans-serif; */
	font: bold 0.7em verdana, sans-serif;
	color: #001EFF;
	/* font-size: 0.7em;
	font-weight: bold; */
	text-decoration: underline;
	word-spacing: 0.8pt;	
}


.vertical_descr{
	font-family: arial,sans-serif;
	font-size: 0.7em;
	word-spacing: 0.8pt;
	color:#000;
}

.vertical_url a{
	font-family: verdana,serif;
	color: #19A800;
	font-size: 10px;
	letter-spacing: 0.6pt;
	word-spacing: 0.8pt;
}

.vertical_logo_container{
	text-align: left;
	color:#0066cc;
	font-size: 0.9em;
	padding: 0px 2px 2px 0px;
}

/* small square  */

.small-square_container{
	background-color: #fff;
	/* border:1px solid #0066cc; */
	width:200px;
	height:200px;
	padding: 2px 3px 0px 1px;	
}


.small-square_sub-container{
	text-align: top;
	width:200px;
	height:83px;	
	padding:5px 0px 0px 0px;		
	/* /* border:1px solid #0066cc; */ */
}

.small-square_logo_container {
	 display:block;
	 position:absolute;
	 z-index:99;
	 text-align:left;
	 width:300px;
	 top:187px;
	 left:3px;
}

.small-square_logo_container a{
	text-align:left;
	vertical-align:top;
	color:#0066cc;
	/* font-size: 0.9em; */
	font: bold normal 10px arial, sans-serif;
	/* padding: 0px 2px 4px 0px; */	
	text-decoration: underline;	
	/* padding: 0px 0px 0px 0px; */
	/* border:1px solid #000; */	
	width:150px;	
}

/* square  */

.square_container{
	background-color: #fff;
	/* border:1px solid #0066cc; */
	width:250px;
	height:250px;
	padding: 2px 1px 0px 1px;	
}


.square_sub-container{
	text-align: top;
	width:245px;
	height:72px;
	padding:5px 0px 0px 2px;
	/* border:1px solid #000; */
}

.square_logo_container {
	 display:block;
	 position:absolute;
	 z-index:99;
	 text-align:left;
	 width:300px;
	 top:237px;
	 left:3px;
}

.square_logo_container a{
	text-align:left;
	vertical-align:top;
	color:#0066cc;
	/* font-size: 0.9em; */
	font: bold normal 10px arial, sans-serif;
	/* padding: 0px 2px 4px 0px; */	
	text-decoration: underline;	
	/* padding: 0px 0px 0px 0px; */
	/* border:1px solid #000; */	
	width:150px;	
}


/* medium-rect_container  */

.medium-rect_container{
	background-color: #fff;
	/* border:1px solid #0066cc; */
	width:300px;
	height:250px;
	padding: 3px 1px 0px 1px;	
}

.medium-rect_sub-container{
	text-align: top;
	height:54px;
	padding:2px 0px 0px 2px;	
	/* border:1px solid #000; */
}

.medium-rect_logo_container {
	 display:block;
	 position:absolute;
	 z-index:99;
	 text-align:left;
	 width:300px;
	 top:237px;
	 left:3px;
}

.medium-rect_logo_container a{
	text-align:left;
	vertical-align:top;
	color:#0066cc;
	/* font-size: 0.9em; */
	font: bold normal 10px arial, sans-serif;
	/* padding: 0px 2px 4px 0px; */	
	text-decoration: underline;	
	/* padding: 0px 0px 0px 0px; */
	/* border:1px solid #000; */	
	width:150px;	
}
/* large-rect_container  */

.large-rect_container{
	background-color: #fff;
	/* border:1px solid #0066cc; */
	width:336px;
	height:280px;
	padding: 2px 1px 0px 1px;	
}

.large-rect_sub-container{
	text-align: top;
	height:54px;
	padding:5px 0px 0px 2px;
	/* margin: 0px 0px 0px 0px; */	
	/* border:1px solid #000; */
}

.large-rect_logo_container {
	 display:block;
	 position:absolute;
	 z-index:99;
	 text-align:left;
	 width:300px;
	 top:267px;
	 left:3px;
}

.large-rect_logo_container a{
	text-align:left;
	vertical-align:top;
	color:#0066cc;
	/* font-size: 0.9em; */
	font: bold normal 10px arial, sans-serif;
	/* padding: 0px 2px 4px 0px; */	
	text-decoration: underline;	
	/* padding: 0px 0px 0px 0px; */
	/* border:1px solid #000; */	
	width:150px;	
}
.big_button {
	width:170px;
	height:70px;
	font-weight:bold;
	font-size:22px
	
}

.size {
float:left;
display:block;
width:200px;
}
