/** = Page Structure **/

html {
    font-size: 77%;
    font-family: "Arial",verdana,helvetica,sans-serif;
    height: 100%;
    color: #2B2B2B;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.hidden {
	display: none;
}

#page_container {
    /* background: url(bg200W3.gif) top left repeat-y;*/
    min-height: 100%;
    width: 950px; /*780 */
    margin: auto;
    position: relative;
    padding: 0px;
    background-color: white;
}
* html #page_container {height: 100%}

#content_container {
    padding-bottom: 80px;
}
#content_container:after {
    content: " ";
    display: block;
    clear: both;
}
#footer {
    font-style: italic;
    width: 96%;
    margin: auto;
    text-align: right;
    color: #545454;
}

#left_column {
    float: left;
    width: 150px;
}

#main {
    position: relative;
    margin: 0px 30px 25px 175px;
}

/** = Global Styles – (body, paragraphs, lists, etc) **/
table.standard_table {
    width: 100%;
    border: 1px black solid;
}
table.standard_table tr#no_results_found td {
    text-align: center;
}

table.standard_table tr td {
    background-color: white;
    margin: 2px;
}

table.standard_table tr.alt td {
    background-color: #F9F7F8;
}

table.standard_table tr th {
    background-repeat: repeat-x;
    color: white;
    font-weight: bold;
    padding: 3px 5px;
    text-align: center;
}

.standard_table_footer .paginationControl {
    position: relative;
    top: 7px;
}

.paginationControl {float: right}

#messageTypeSelector {float: left;}

#messageUploadPlaceHolder {
    clear: right;
    padding-top: 20px;
    margin: 0;
}

#messageUploadPlaceHolder p {
    padding: 0;
    margin: 0;
}


/** = Header **/
#header {
    vertical-align: top;
}

#user_details {
    float: right;
    text-align: right;
    margin: 15px 10px;
    line-height: 140%;
}

dl dt {
    font-weight: bold;
    padding: 3px 0px 3px 0px;
}

dl dd {
    font-style: italic;
}

/** = Headings **/
/** = Text Styles **/

h1, h2, h3, h4, h5, h6
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
}

a {
    color: #A8672A;
    font-weight: bold;
}

a:hover {
    color: #7C4F27;
}
/** = Navigation **/

ul#navigation {
	font-family: "Arial",verdana,helvetica,sans-serif;
    list-style-type: none;
    padding: 0px;
}

ul#navigation li {
    color: #444444;
    margin: 1px 0px 1px 0px;
    padding: 0px;
}
ul#navigation li a {
	font-size: 90%;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 5px 10px;
}

ul.tick_list {
    padding-left: 10px;
    list-style-type: none;
    font-weight: bold;
    font-size: 110%;
}

ul.tick_list li {
    padding-bottom: 10px;
}

ul.tick_list img {
    position: relative;
    top: 12px;
    margin-right: 10px;
}



/** = Header **/
#logo {
    margin: 10px 0px 10px 10px;
}

form {
    padding: 20px;
    background-color: #F5F5F5;
    border: 1px solid;
    color: #3f3f3f;
}

form label {
    font-weight: bold;
}


/**
 * Style specific for the maintain account form
 */
form#account_form, form#account_form input {
    font-size: 98%;
}

form#account_form fieldset dt {
/*    width: 135px; */
}

form#account_form input, form#account_form select {
/*    width: 140px;	*/
}

form#account_form #fieldset-mailbox_details,
form#account_form #fieldset-mailbox_settings,
form#account_form #fieldset-record_info,
form#account_form #fieldset-registration_details {
    width: 320px;
    float: left;
}
form#account_form #fieldset-personal_details,
form#account_form #fieldset-payment_details,
form#account_form #fieldset-message_alert_settings {
    width: 320px;
    float: right;
    clear: right;
}

form#account_form #fieldset-submit_form {
    clear: both;
}

form dt {
    float: left;
    width: 150px;
}

form dd {
    margin: 0 5em 1em 5em;
}

form dd ul.errors li {
    color: #701414;
}

form #captcha-input {
    margin-top: 10px;
}

#userLoginForm {
    width: 400px;
}


form fieldset {
    background-color: #FBFBFB;
    border: 1px #e5e5e5 solid;
}

form fieldset legend {
    font-weight: bold;
    border: 1px #e5e5e5 solid;
    background-color: #FBFBFB;
    padding: 7px;
    margin: 2px;
}

form.field_set_based dd {
    margin: 10px 0px;
}


form.field_set_based dt {
    width: 2px;
}

form.field_set_based fieldset dt {
    width: 180px;
}

/**
 * Certain form elements are not line breaking properly in the forms, so here we have to
 * manually specify the id of the form labels
 */
form dt#play_message_details-label,
form dt#start_script-label,
form dt#tollsaver_active-label,
form dt#play_message_details-label,
form dt#mailbox_and_messages-label,
form dt#persistant_messages-label,
form dt#on_trial_period-label,
form dt#payment_type-label,
form dt#registration_date-label,
form #user_access-label,
form #report_access-label,
form #user_access-label,
form #successes-label,
form #failures-label {
    clear: left;
}

/**
 * Shows custom form validation error messages
 */
/* We are depricating form .hint, try and use form .error_message instead*/
form .error_message, form .hint {
    border: 1px #7e141e solid;
    background-color: #F7E6E6;
    color: #701414;
    font-weight: bold;
    padding: 7px;
    text-align: center;
}

form .success_message {
    border: 1px #223300 solid;
    background-color: #e0ffa3;
    color: #223300;
    font-weight: bold;
    padding: 7px;
    text-align: center;
}


form.cancel_account dt {
    width: 180px;
}

input.disabled {
    background-color: #ccc;
    color: #777;
}

#wizard_navigation {

}

#wizard_navigation #next, #wizard_navigation #finish {
	margin: 10px 0px;
/*	position: absolute; */
}

#wizard_navigation #next {
	left: 20px;	
}

#wizard_navigation #finish {
	right: 30px;
}

/** = Forms **/
/** = Comments **/
/** = Extras **/
a img {
    border-width: 0px;
}

#spinner_container {
    margin: 20px;
    text-align: center;
}

.warning_box {
    background-color: #FFDEE7;
    border: 2px #8B0026 dashed;
    padding: 10px;
}

.warning_box form {
    background-color: transparent;
    border-style: none;
    padding: 10px 0px;
}

.ok_box {
    background-color: #D3FAD1;
    border: 2px #055A00 dashed;
    padding: 10px;
}

#message_name_dialog label {
	margin: 5px 0px;
}

#yuuguu_download input {
	padding: 10px;	
}

#mac_button {
	position: relative;
	top: -6px;
}