/*Rounded Box*/
div.rounded-box { background: transparent; margin:  30px 0pt 0pt; clear: both; width:290px; }
div.rounded-box .xtop, div.rounded-box .xbottom { display: block; background: transparent; font-size: 1px; }
div.rounded-box .xb1, div.rounded-box .xb2, div.rounded-box .xb3, div.rounded-box .xb4 {  display: block; overflow: hidden; background-color: #EBEEF2; }
div.rounded-box .xb1, div.rounded-box .xb2, div.rounded-box .xb3 { height: 1px; }
div.rounded-box .xb2, div.rounded-box .xb3, div.rounded-box .xb4 { border-left: 1px solid #241567; border-right: 1px solid #241567; }
div.rounded-box .xb1 { margin: 0 5px; background: #241567; }
div.rounded-box .xb2 { margin: 0 3px; border-width: 0 2px; }
div.rounded-box .xb3 { margin: 0 2px; }
div.rounded-box .xb4 { height: 2px; margin: 0 1px; }
div.rounded-box .content { display: block; border: 0 solid #241567; border-width: 0 1px; padding: 10px; overflow: hidden;background-color: #EBEEF2;}

/*------ COMMON BODY STYLES ------*/

/*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%; }

/*Div Floats & Align*/
div.common { clear: both; width: 100%; margin: 0; padding: 2px 0 2px 0; }
div.left-column { float: left; width: 48%; }
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; }

* OTHERS */
.clearfix {	clear: both; }
.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;}

hr.dotted { border: 1px dotted gray; height:1px; }

div.common { clear: both; width: 100%; margin: 0px; padding: 4px 0 4px 0; }
div.left-column { float: left; width: 50%; }
div.right-column { float: right; width: 50%; }

/*------ FONTS ------*/
.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; }

/*------ FORMS ------*/
form { padding: 0; margin: 0; }
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: 34%; text-align: right; font-weight: bold; }
div.field-block span.element { float: right; width: 64%; text-align: left; }
div.field-block span.required {	color: #B90000;	font-size: 12px; font-weight: normal; margin: 0 2px 0 0; }


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

#top-left { float: left; width: 520px; height: 205px; margin: 0; padding: 0; border-bottom: 1px solid #241567; }
#top-right { float: right; width: 300px; height: 225px; margin: 0; padding: 0; }




#support-number { margin: 0; padding: 1px; }
#welcome-content {  width: 500px; margin: 0; padding: 0;}
#signup-form { width: 100%; margin: 0; padding: 10px; }


/*Links*/
a {text-decoration: underline; cursor:pointer;}
a:hover { color: #FB5200; text-decoration: underline; cursor:pointer; }

/*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; }

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