/* The break is used to make sure that a floating element doesn't break the layout */
.break    { clear: both; height: 1px; line-height: 1px; }

/* Notice/Error Messages ----------------------------------------*/

p.notice {
    color: #000; 
    background-color: #CCFFCC; 
    font-size:100%; 
    border: 1px solid #88AA88; 
    padding:5px;
}
p.error {
    color: #000; 
    background-color: #FFCCCC; 
    font-size:100%; 
    border: 1px solid #AA8888; 
    padding:5px;
    font-weight: bold;
}
p.warning {
    color: #000; 
    background-color: #FFFFCC; 
    font-size:100%; 
    border: 1px solid #AAAA88; 
    padding:5px;
    font-weight: bold;
}

div.progressbox {
    background-color: #F8F8F8; 
    color: #000; 
    margin: 5px 0px;
    padding: 2px 5px 5px 5px;
    border: 1px dashed #191F45;
    text-align: center;
}

div.progressbox a {
	text-decoration: none;
    color: #000;
}

div.progressbox a:hover {
    color: #0000FF;
}

/* OptionBox table ----------------------------------------*/

table.sb_optionbox {
    border : 0px;
    margin : 0px;
    padding : 0px;
    width: 100%;
    font-weight : normal;
}
table.sb_optionbox td{
    border: 0px;
}
table.sb_optionbox tr.bar {
    border: 1px solid #000;
    background-color : #CDE;
}
table.sb_optionbox tr.bar td {
    border-bottom : 1px solid #000;
}
table.sb_optionbox tr.bar td.left {
    text-align: left;
}
table.sb_optionbox tr.bar td.right {
    text-align: right;
}
table.sb_optionbox td.leftoption{
    border : 1px solid #000;
    background-color : #CDE;
    color : navy;
    padding : 2px 2px 2px 5px;
    text-align: left;
}
table.sb_optionbox td.rightoption{
    border : 1px solid #000;
    background-color : #CDE;
    color : navy;
    padding : 2px 5px 2px 0px;
    text-align: right;
}
table.sb_optionbox td.right{
   text-align: right;
}
table.sb_optionbox td.option{
    border : 1px solid #000;
    background-color : #CDE;
    color : navy;
    padding : 2px 2px 2px 5px;
    text-align: center;
}
table.sb_optionbox td.title{
    border : 1px solid #fff;
    background-color: #039;
    color: white;
    padding : 2px 2px 2px 5px;
    font-weight: bold;
}

/* Account Section ----------------------------------------*/

.sb_panel {
	margin-bottom: 4px;
	padding: 5px 10px 0px 10px;
	background-color: #ECF1F3;
	color: #3f3f3f;
    /*max-width: 500px;*/
}
.sb_panel h2 {	
    border-bottom: 1px solid #CCCCCC;
}
.sb_panel h3 {  
    border-bottom: 1px solid #CCCCCC;
}

.sb_panel p.dashed {
	border-top: 1px dashed #CCCCCC;
	padding: 10px 0;
}
.sb_panel ul {
    list-style: square;
    border-bottom: 1px dashed #CCCCCC;
}
.sb_panel ul.last {
    border-bottom: 0px dashed #CCCCCC;
}

/* General form styles ----------------------------------------*/

fieldset {
	border-width: 0px;
    padding: 0px;
    margin: 0px;
}

input {
	font-weight: normal;
	vertical-align: middle;
}

select {
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #666666;
	padding: 1px;
	background-color: #FAFAFA;
}

option {
	padding-right: 1em;
}

option.disabled-option {
	color: graytext;
}

textarea {
	width: 60%;
	padding: 2px;
	line-height: 1.4em;
}

label {
	padding-right: 5px;
	color: #676767;
}

/* Definition list layout for forms ---------------------------------------- */

fieldset dl {
	padding: 0px 0;
}

fieldset dt {
	float: left;	
	width: 150px;
	text-align: left;
	display: block;
}

fieldset dd {
	margin-left: 155px;
	vertical-align: top;
	margin-bottom: 3px;
}

/* Form elements */

dt label {
	font-weight: bold;
	text-align: left;
	font-size: 80%;    
}

dd label {
	white-space: nowrap;
	color: #333;
}

dd input, dd textarea {
	margin-right: 3px;
}

dd select {
	width: auto;
}

dd textarea {
	width: 85%;
}

/* Hover effects */

fieldset dl:hover dt label {
	color: #000000;
}