﻿html{
	height:100%;
	width:100%;
}

body{
	position:relative;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	line-height:22px;
	font-size:13px;
	color:#444;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	background:#fdfdfd;
}

h1, h2, h3, h4, h5, h6{
	margin:0 0 0 0 !important;
	padding-bottom:5px !important;
	text-align:left;
	color:#666;
}

h1{	font-size:1em;		}
h2{	font-size:30px;	line-height:30px;	}
h3{	font-size:18px;		}
h4, h5, h6{
	font-size:1em;
}

img{
	vertical-align:middle;
	border:0;
}

a{
	color:#048ab0;
	text-decoration:none;
	cursor:pointer;
}

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

a:active, 
a:focus,
a:hover {
	outline:0;
}

ul{
	list-style-type:none;
	margin:0 0 8px 0;
	padding:0;
}

ul li{
	background:url(../images/layout/yellow-dot.gif) no-repeat 0 7px;
	margin:0;
	padding:0 0 5px 15px;
}

p, address{
	margin:0 0 10px 0;
}

pre{
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	margin:0;
	padding:0;
}

input,
select, 
textarea{
	font:11px Tahoma, Arial, Helvetica, sans-serif;
}

address{
	font-style:normal;
	margin:0.5em 0;
}

table th, 
table td{
	vertical-align:top;
}

table.table{
	margin:5px 0 20px 0;
	width:100%;
}

table.table th, 
table.table td{
	vertical-align:top;
	padding:8px 10px;
	line-height:normal;
}

table.table th{
	font-weight:bold;
	text-align:left;
	background:#09C;
	color:#fff;
	font-weight:bold;
}

table.table td{
	background:#eee;
}

table td li{
	padding-bottom:0 !important;
}

input, textarea, option{
	padding:2px;
}

/* CSS FOR POSITION NEEDS */
.left	{	float:left !important;	display:inline !important;	}
.right	{	float:right !important;	display:inline !important;	}
.clreol	{	float:none !important; 	clear:both !important;		}

/* CSS FOR TEXT NEEDS */
.strong	{	font-weight:bold;	}
.em		{	font-style:italic;	}
.center	{	text-align:center;	vertical-align:middle;	}

/* CSS FOR COLOR NEEDS */
.redtext	{	color:#ff0000;	}
.bluetext	{	color:#3366ff;	}
.yellowtext	{	color:#ffff00;	}
.greentext	{	color:#339900;	}
.whitetext	{	color:#ffffff;	}
.greytext	{	color:#cccccc;	}

/* CSS FOR COLOR FORM */
.row				{	width:100%;			float:left;				display:inline;	 	clear:both;
						margin:2px 0;		text-align:left;	}
.row label			{	width:30%;			margin:1px 0 0 0;		float:left;						}
.row .rowwrap		{	width:70%;			float:left;				text-align:left;				}
.row .rowwrap label	{	float:none;	}
.row .row input		{	float:left; width:auto !important; margin:0 3px 0 0;	}
.rowtext input, 
.rowtext select, 
.rowtext textarea	{	width:300px;

}

.rowtext2{	background:#eee;padding:2%;width:96%;margin:15px 0;	}


.nomargin			{	margin:0 !important;			}
.nopadding			{	padding:0 !important;			}
.nobackground		{	background:none  !important;	}
.noclear			{	clear:none !important;			}

.rowtype input,
.rowtype textarea,
.rowtype select{
	width:300px !important;
	padding:2px !important;
	margin:0 !important;
}

.shown				{	display:block;	}
.hidden				{	display:none;	}

.btn{
	margin:0;
	padding:5px 7px;
	font-size:10px;
	background:#000;
	color:#fff !important;
	text-decoration:none !important;
	font-weight:bold;
	border:none;
}

.error {
	font: normal 10px arial;
	padding: 3px;
	color: red;
}

.textbox{
	width:300px;	
}

textarea.textbox{
	height:75px;	
}

.absolute{
	position:absolute;	
}

.relative{
	position:relative;	
}

iframe{
	border:1px solid #ccc !important;	
}

#message{
	background:#dfffff;
	padding:1%;
	width:98%;
	margin-bottom:0 !important;
	display:block;
	clear:both;
}

.textbox{
	width:200px !important;	
}