/** Simple Layout */

table{ font-size: 1em; }

body{
    margin: 0;
    text-align: center;
    font-family: tahoma, arial, verdana, sans;
    font-size: 11px;
    color: #383838;
}

#top, #container, #bottom{
    width: 932px;
    margin-left: auto;
    margin-right: auto;
}

#container{
    padding: 5px 0 5px 0;
    min-height: 100px;
    text-align: left;
}

#container table.main{
    font-size: 1em;
    width: 100%;
}

#container td.menu{
    width: 150px;
    vertical-align: top;
    border-right: 2px dotted #DDD;
    padding-right: 4px;
}

#container td.menu .heading{
    font-weight: bold;
}

#container td.menu .heading, #container td.menu .item{
    width: 100%;
    border-bottom: 1px dotted #DDD;
    padding: 4px 0 4px 4px;
}

#container td.menu .item{
    padding: 4px 0 4px 12px;
}

#container td.content{
    width: auto;
    vertical-align: top;
    padding: 10px 4px 10px 10px;
}

#bottom{
    padding-top: 10px;
    border-top: 2px dotted #DDD;
}

#bottom td{
	vertical-align: top;
}

#bottom td.left, #bottom td.right{
    width: 25%;
}

#bottom td.middle{
    width: 50%;
    text-align: center;
}

#bottom td.left{
    text-align: left;
}

#bottom td.middle a.spaced{
    margin: 0 9px 0 9px;
}

#bottom td.right{
    text-align: right;
}

#bottom a{
    text-decoration: none;
    color: #770100;
}

a{
    text-decoration: none;
}

a:hover{
    font-weight: bold;
}

.notification{
    color: #666;
}

.code{
    font-family:"Courier New", Courier, sans-serif;
}

.center{
    text-align: center;
}

textarea{
    font-family: tahoma, arial, verdana, sans;
    font-size: 11px;
}

/** Layout */

div.editbutton{
    float: right;
}

div.editbutton img{
    border: none;
    width: 36px;
    height: 36px;
}

div#submenu{
    float: right;
    width: 150px;
    vertical-align: top;
    border-top: 1px dotted #DDD;
    border-left: 2px dotted #DDD;
    padding-right: 8px;
}

div#submenu div.heading{
    font-weight: bold;
}

div#submenu div.heading, div#submenu div.item{
    width: 100%;
    border-bottom: 1px dotted #DDD;
    padding: 4px 0 4px 8px;
}

/** General */

.strong{
    font-weight: bold;
}

.warning{
    color: #AA0000;
}
 
/** Forms */

div.spacer{
    height: 2em;
    width: 100%;
}

#form-login{
    margin: auto;
    text-align: center;
}

#login-subtext{
	text-align: center;
	margin: 0 auto 30px auto;
}

#login-subtext a{
	color: #770100;
}

#login-subtext a:hover{
	color: #770000;
}

#form-login input{
    display: block;
    text-align: center;
    width: 180px;
    margin: 4px auto 4px auto;
    padding: 1px;
}

#form-login input.submit{
    margin-top: 12px;
    width: 120px;
    /*background-color: #770100;
    border: 1px solid #000;
    color: #FFF;*/
}

.form-content{
    margin-top: 12px;
}

.form-content label{
    font-size: 1.4em;
    font-weight: bold;
}

.form-content textarea{
    margin-top: 12px;
    width: 100%;
}

.form-content input.submit{
    margin-top: 12px;
    width: 120px;
}

.form-news, .form-data, .form-user{
    margin-top: 12px;
}

.form-news label, .form-data label, .form-user label{
    font-size: .9em;
    color: #555;
}

.form-news textarea{
    width: 100%;
    margin-bottom: 12px;
}

.form-news input, .form-data input{
    margin-bottom: 6px;
    width: 100%;
}

.form-user input{
    display: block;
    margin-bottom: 6px;
    width: 200px;
}

.form-data select, .form-user select, .form-data input, .form-dataset input, .form-dataset textarea{
    display: block;
    margin-bottom: 12px;
}

.form-user select{
    margin-bottom: 6px;
}

.form-dataset textarea{
    height: 96px;
}

.form-news input.submit, .form-data input.submit, .form-dataset input.submit{
    margin-top: 12px;
    width: 120px;
}

.form-user input.submit{
    margin-top: 12px;
    width: 120px;
}

.form-contact > *{
	display: block;
}

.form-contact input, .form-contact textarea{
    display: block;
    margin-bottom: 12px;
    margin-right: 6px;
}

.form-contact table{
    font-size: 1em;
    margin-left: 12px;
}

.form-contact input.submit{
    margin-top: 12px;
    width: 120px;
}

form.contact_emails .element{
	margin-top: 12px;
}

form.contact_emails textarea{
	height: 48px;
}

/** News */

table.news{
    font-size: 1em;
    border-bottom: 1px dotted #DDD;
    margin-bottom: 24px;
} 

table.news td{
    padding: 6px 0 6px 0;
    vertical-align: top;
    border-top: 1px dotted #DDD;
}

table.news td.date{
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
}

/** Data */

div.options{
    margin-left: 16px;
}

div.options div{
    display: inline;
    padding-right: 6px;
}

div.options div.spacer{
    width: 36px;
}

div.options div.heading{
    font-weight: bold;
}

table.datasets{
    font-size: 11px;
}

table.datasets tr.header{
    font-weight: bold;
}

table.datasets tr td{
    padding: 0 6px 0 6px;
}

/** Files */

table.list{
    font-family: tahoma, arial, verdana, sans;
    font-size: 11px;
}

/** Control Panel */

.controlpanel p{
    margin-top: 0px;
    margin-bottom: 6px;
    margin-left: 12px;
}

.controlpanel h4{
    margin-top: 12px;
    margin-bottom: 6px;
}

/** Form :: Unit Transfer Application */

form.unit_transfer tr.element, form.change_request tr.element{
	display: table-row;
}

form.unit_transfer tr.element > div, form.change_request tr.element > div{
	display: table-cell;
}

form.unit_transfer input, form.change_request input, form.release_auth input{
	width: 200px;
}

form.unit_transfer tr.element td.label, form.change_request tr.element td.label, form.release_auth tr.element td.label{
	width: 190px;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	padding: 2px 5px 0 0;
}

form.release_auth tr.element td.label{
	width: 270px;
}

form.unit_transfer tr.element td.field, form.change_request tr.element td.field, form.release_auth tr.element td.field{
	vertical-align: middle;
}

form.unit_transfer h4, form.change_request h4, form.release_auth h4{
	font-size: 1.2em;
	margin-bottom: 0;
}

form.change_request .element-signer_names input,
	form.change_request .element-original_registration_names input,
	form.change_request .element-new_registration_names input,
	form.unit_transfer .element-transferor_name input,
	form.unit_transfer .element-transferor_title input,
	form.unit_transfer .element-transferor_email input,
	form.unit_transfer .element-transferee_name input,
	form.unit_transfer .element-transferee_title input,
	form.unit_transfer .element-transferee_email input,
	form.unit_transfer .element-transfer_unit_certificates input{
	width: 300px;
}

form.unit_transfer tr.element-transfer_without_consideration_family, 
	form.unit_transfer tr.element-transfer_without_consideration_others, 
	form.unit_transfer tr.element-transfer_trust_for_transferor, 
	form.unit_transfer tr.element-transfer_trust_for_transferor_family, 
	form.unit_transfer tr.element-transfer_trust_for_other, 
	form.unit_transfer tr.element-transfer_to_another_partner, 
	form.unit_transfer tr.element-transfer_third_party{
	margin-top: 12px;
}

form.unit_transfer tr.element-transfer_involuntary td.label, 
	form.unit_transfer tr.element-transfer_without_consideration_family td.label, 
	form.unit_transfer tr.element-transfer_without_consideration_others td.label, 
	form.unit_transfer tr.element-transfer_trust_for_transferor td.label, 
	form.unit_transfer tr.element-transfer_trust_for_transferor_family td.label, 
	form.unit_transfer tr.element-transfer_trust_for_other td.label, 
	form.unit_transfer tr.element-transfer_to_another_partner td.label, 
	form.unit_transfer tr.element-transfer_third_party td.label{
	width: 350px;
}

form.unit_transfer tr.element-transfer_without_consideration_family_specify td.label,
	form.unit_transfer tr.element-transfer_without_consideration_other_specify td.label,
	form.unit_transfer tr.element-transfer_trust_for_transferor_family_specify td.label,
	form.unit_transfer tr.element-transfer_trust_for_other_specify td.label,
	form.unit_transfer tr.element-transfer_to_another_partner_specify td.label{
	width: 380px;
	color: #666;
}

form.unit_transfer tr.element-transferor_address textarea, form.unit_transfer tr.element-transferee_address textarea{
	height:40px;
	width: 300px;
}

form.unit_transfer tr.element-transferee_ownership{
	margin-top: 12px;
}

form.unit_transfer tr.element-transferee_trustee_name td.label,
	form.unit_transfer tr.element-transferee_trust_date td.label,
	form.unit_transfer tr.element-transferee_other_details td.label{
	width: 210px;
	color: #666;
}

form.unit_transfer tr.element-transferee_other_details textarea{
	height:40px;
	width: 300px;
}

form.change_request tr.element-ach_account_type{
	padding-left: 50px;
	color: #666;
}

ol li{
	margin-bottom: 6px;
}

div.form-submitted{
	margin-bottom: 20px;
}
div.form-submitted tr.row td.field{
	width: 180px;
	display: table-cell;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.form-submitted tr.transfertype-row td.field{
	width: 300px;
}

div.form-submitted tr.row div.value{
	display: table-cell;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
}

form.approve h4{
	font-size: 1.5em;
	margin-bottom: 0;
}

div.form-submitted{
	color: #555;
	margin-left: 20px;
	border-left: 1px solid #BBB;
	padding: 1px 0 1px 12px;
}

div.form-response-table table{
	font-size: 1em;
	margin-left: 20px;
}

div.form-response-table td{
	text-align: center;
	padding: 2px 10px 2px 10px;
}

div.form-response-table tr.heading{
	font-weight: bold;
}

div.form-details{
	display: table;
	margin-left: 10px;
}

div.form-details div.row{
	display: table-row;
}

div.form-details td.label{
	font-weight: bold;
	text-align: right;
	padding: 0 10px 5px 0;
}

div.form-details td.label, div.form-details div.value, div.cell{
	display: table-cell;
}

div.cell{
	padding: 2px 4px 2px 4px;
}

.soft{
	color: #777;
}

.data-table{
	font-size: 1em;
	text-align: center;
	border: 1px solid #999;
	margin: 0 0 12px 16px;
}

.data-table .heading{
	font-weight: bold;
}

.data-table td{
	padding: 0 6px 0 6px;
}

#form-password{
	width: 400px;
	text-align: center;
	margin: auto;
}

#form-password form *{
	display: block;
	margin: auto;
}

#form-password .submit{
	margin-top: 12px;
}

#view-email-logs .log_head{
	width: 500px;
	padding: 3px 6px 3px 6px;
	background-color: #DDD;
	margin-top: 1px;
}

#view-email-logs .log_body{
	width: 500px;
	padding: 3px 6px 3px 6px;
	background-color: #EEE;
	margin-top: 1px;
}