// Author: Dhanabal Duraisamy (dhanaps@ocenture.com)

// $Id: /templates/template1/css/blue_purple.css.php,v 1.2 $

/*Body Presets*/
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, em, font, img, strong, dd, dl, dt, fieldset, form, label, legend, caption, tbody{ margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; }
body, ul, li, ol, dl, td, th, caption, pre, p, blockquote, input, textarea { font-family: Arial,Verdana,sans-serif,Tahoma; font-size: 12px; color:#000; }
body { margin-top: 10px; height:auto !important; height:100%; min-height:100%; }


/*Paragraph Presets*/
p {	margin: 0.6em 0 1.2em;  padding: 0; }
p.last { margin-bottom: 0px; }
p img  { margin-left: 10px; margin-bottom: 5px; }

/*Headings*/
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #241567; }
h1 { font-size: 160%; line-height: 220%; }
h2 { font-size: 140%; line-height: 210%; }
h3 { font-size: 130%; line-height: 200%; }
h4 { font-size: 120%; line-height: 190%; }
h5 { font-size: 110%; line-height: 180%; }
h6 { font-size: 80%; line-height: 180%; }





/* topright login form*/
 
 

.bottom { background-image:url(../images/login_bottom.gif); height:15px; background-repeat:repeat-x }
.bottomleft { background-image:url(../images/login_bl.gif); height:18px; width: 18px; background-repeat:no-repeat }
.bottomright { background-image:url(../images/login_br.gif); height:18px; width:18px; background-repeat:no-repeat }
.left { background-image:url(../images/login_left.gif); width:18px; background-repeat:repeat-y }
.right { background-image:url(../images/login_right.gif); width:18px; background-repeat:repeat-y }
.top { background-image:url(../images/login_top.gif); height: 18px; background-repeat:repeat-x }
.topleft { background-image:url(../images/login_tl.gif); height: 18px; width: 18px; background-repeat:no-repeat }
.topright { background-image:url(../images/login_tr.gif); height:18px; width: 18px; background-repeat:no-repeat }

/*Div Floats & Align*/
div.common { clear: both; width: 100%; margin: 0; padding: 2px 0 2px 0; }
div.left-column { float: left; width: 80%; }
div.right-column { float: right; width: 48%; }
div.padding-left { padding: 0 0 0 5px; }
div.padding-right { padding: 0 5px 0 0; }
div.clearfix { clear: both; }
div.clearfix: after { content:  "."; display: block; height: 0; clear: both; visibility: hidden; }


p.txt-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; width: 100%; margin: 5px 0px 0px 0px;}

div.common { clear: both; width: 100%; margin: 0px; padding: 4px 0 4px 0; }

div.right-column { float: right; width: 50%; }

div.error-box { clear: both; width: 90%; color: #960; font-size: 11px; text-align: left; padding: 5px; margin: 10px 5px 10px 5px; color: #960; background-color: #FFC; border: 1px solid #FC3; }

/*------ FONTS ------*/
.text-xsmall { font-size: 10px; }
.text-small { font-size: 11px; }
.text-medium { font-size: 12px; }
.text-medium-large {font-size: 13px;}
.text-large { font-size: 14px; }
.text-xlarge { font-size: 18px; }

/*------ FORMS ------*/
form { padding: 0; margin: 0;black;color:black;width:auto;}
select.dropdown { font-size: 11px; }
input.text { font-size: 14px;	border: 1px solid #8BACCD; }

div.field-block { clear: both; width: 100%; margin: 10px 0; height: 20px; }
div.field-block span.label { float: left; width: 150px; text-align: right; font-weight: bold; }
div.field-block span.label-login { float: left;  text-align: left; font-weight: bold;padding-left:5px;padding-top:5px; }
div.field-block span.label-login a{ text-decoration:none;color:#424242;font-size:9px; }
div.field-block div.label {   text-align: left; font-weight: bold;padding-left:5px; }
div.field-block span.element { float: right; width: 55%; text-align: left; }
div.field-block span.element-login { float: right; text-align: right; text-decoration:none;color:#424242;padding-top:5px;}
div.field-block div.element {   text-align: left;text-align:left;padding-left:5px; }
div.field-block span.required {	color: black;	font-size: 12px; font-weight: normal; margin: 0 2px 0 0; }


#page { width: 950px; margin: 0 auto; background: #FFF; }
#header { clear: both; width: 820px; margin: 0; padding: 0; }

#top-logo { float: left; width: 40%; height:auto; margin: 0; padding: 0; border:0px solid #241567; }
#top-login-content { float: left; width: 100%;  margin: 0;margin-top:5px; padding:0px;border:0px solid #241567; }
#top-login-image {float:left;}
#login { margin: 0;float:left; padding:5px;padding-top:0px;font-size:13px;vertical-align:top;width:250px;text-align:center;}
#login input.text {font-size:14px;border:1px solid #848484;}
#login div.field-block {height:30px;}


#welcome-content {float:left; width: 280px; margin: 0; vertical-align:top;text-align:justify;padding-right:15px; color:black;font-size:13px;}
#signup-form { width: 100%; margin: 0; padding: 10px; color:black; }
#signup-form input.text {border-color:black;}




/*Links*/
a:link , a:link:visited { color: #241567; }
a:hover { color: #FB5200; text-decoration: none; }

a.black:link , a.black:visited { color: #000; }
a.black:hover { color: #FB5200; text-decoration: none; }	

A.black12Link {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: arial,helvetica; WHITE-SPACE: nowrap; TEXT-DECORATION: underline; cursor:pointer;
}

a.white:link , a.white:visited { color: #FFF; }
a.white:hover { color: #FFF; text-decoration: none; }

a img, :link img, :visited img { border: none; text-decoration: none; }

/*Text*/
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-xsmall { font-size: 10px; }
.text-small { font-size: 11px; }
.text-medium { font-size: 12px; }
.text-large { font-size: 14px; }
.text-xlarge { font-size: 18px; }

.strong { font-weight: bold; }
.em  { font-style:italic; }

.text-highlight { color: #D70000; }
.text-error { color: #D70000; }

/*Table*/
table { border-collapse: collapse; border-spacing: 0; }
th.left { text-align: left; }
th.right { text-align: right; }
th.center { text-align: center; }
td.left { text-align: left; }
td.right { text-align: right; }
td.center { text-align: center; }

/*------ PAGE ------*/
#page { width: 950px; margin: 0 auto; background: #FFF; }

/*------ HEADER ------*/
#header { clear: both; width: 1100px; margin: 0; padding: 0; }

/*----- BLOCKS -----*/

/*Error Box*/
div.error-box { width: 90%; color: #960; font-size: 11px; text-align: left; padding: 5px; margin: 10px 5px 10px 5px; color: #960; background-color: #FFC; border: 1px solid #FC3; }

/*Header Blocks*/
div.logo { float: left; padding: 4px; }
div.logo { width: 24%; }