/**
 * This file contains the form styles
 *
 * @copyright Copyright 2006 Ascension Design Limitied
 * @author Chris Box <support@ascensiondesign.co.uk>
 * @package OE_Services
 */


.form
{
	border:						none;
	margin-top: 				0px;
	margin-bottom: 			0px;
	margin-left: 				0px;
	margin-right: 				0px;
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-left: 				0px;
	padding-right: 			0px;
}

.form_end
{
	clear:						both;
}

.form_selected
{
	clear:						both;
	border:						none;
	margin-top: 				0px;
	margin-bottom: 			0px;
	margin-left: 				0px;
	margin-right: 				0px;
	padding-top:				0px;
	padding-bottom: 		0px;
	padding-left: 				0px;
	padding-right: 			0px;
	background-color:		#cccccc;	
}

.form_description
{
	float: 						left;

/*	width:						100%;*/
	padding-top:				0px;
	padding-bottom: 		0px;

}

.form_description_selected
{
	float: 						left;
	width:						100%;
	padding-top:				0px;
	padding-bottom: 		0px;
	background-color:		#cccccc;	
}

.form_name, legend
{
	font-size:					120%;
	line-height:					130%;
	font-weight:				bold;
	color:						#0B3E9E;
}

.form_explanation
{
	color:						#000000;
	font-size:					85%;
	line-height:					120%;
}

.form_error
{
	color:						#FF0000;
	font-size:					85%;
	line-height:					120%;
}

.form_inner
{
	/*text-indent: 				24px;*/
}
.form_field
{
/*	clear:						both;*/
	border:						none;
	float:							left;
	width: 						100%;
	padding-top:				0.75em;
	padding-bottom: 		0.75em;
	font-size:					90%;
	color:						#000000;
}

.form_field_selected
{
	clear:						both;
	float:							left;
	width: 						100%;
	border:						none;
	padding-top:				0.75em;
	padding-bottom: 		0.75em;
	font-size:					90%;
	color:						#000000;
	background-color:		#cccccc;
}

.form_field_read_only
{
	clear:						both;
	float:							left;
	width: 						100%;
	border:						none;
	padding-top:				0.75em;
	padding-bottom: 		0.75em;
	font-size:					90%;
	color:						#999999;
}

.form_group
{
	clear:						both;
	float:							left;
	width:					    100%;
	border:						none;
	padding-top:				0.9em;
	padding-bottom: 		0.9em;
}

.form_group_description
{
	float: 						left;
	padding-top:				0px;
	padding-bottom: 		0px;
	width:						100%;
}

.form_group_description_selected
{
	float: 						left;
	padding-top:				0px;
	padding-bottom: 		0px;
	background-color:		#cccccc;
	width:						100%;	
}

.form_group_name
{
	font-size:					110%;
	line-height:					125%;
	font-weight:				bold;
	color:						#000000;
}

.form_group_explanation
{
	color:						#000000;
	line-height:					120%;
}

.form_group_inner
{
/*	text-indent: 				24px;*/
}

.form_field_description
{
	float: 						left;
/*	width:						35%;*/
	padding-top:				0px;
	padding-bottom: 		0px;
}

.form_field_name
{
	font-size:					100%;
	line-height:					140%;
	font-weight:				bold;
}

.form_field_required
{
	color:						#FF0000;
}

.form_field_explanation
{
	line-height:					140%;
	clear: both;
}

.form_editor_control .form_field_explanation {
	font-size: 90%;
}

.form_field_input
{
	line-height:					150%;
	clear: both;
}

.form_field_input_data_left
{
	float:							left;
}

.form_field_input_date
{
	float: 						left;
}

.form_field_input_date_slash
{
	float: 						left;
	font-size:					130%;
}

.form_field_input_time
{
	float: 						left;
}

.form_field_input_time_slash
{
	float: 						left;
	font-size:					130%;
	line-height:				150%;
}

.form_field_input_error
{
	clear:						both;
	float:							none;
}

.form_field_invalid
{
	background-color: 		#FFE9E9;
}

.form_field_error
{
	color:						#FF0000;
	font-size:					75%;
	line-height:					130%;
}

.form_field_radio
{
	float:							none;
}

.form_required
{
	clear:						both;
	font-size:					75%;
	line-height:					120%;
}

.centre_form
{
	position:					relative;
	width:						640px;
}

.table
{
	clear:						both;
	float: 						left;
	width:						100%;	
}

.table_selected
{
	clear:						both;
	float: 						left;
	background-color:		#cccccc;
	width:						100%;	
}

.table_row_even
{
	background-color:		#DDDDDD;
}

.table_row_odd
{
	background-color:		#FFFFFF;
}

.table_data_total
{
	border-top:thin solid #000000;
}
 
.table_next
{
	float: 						right;
	/*text-align:right;*/
}

.table_previous
{
	float: 						left;

}

.table_clear
{
	clear: 						both;
}

.view_column
{
	background-color:		#EEEEEE;
}

.view_data
{
	background-color:		#EEEEEE;
}

.view
{
/*	width: 100%;*/
}

.view_editor_control
{
	float:							left;
	position:					relative;
	top: 							0;
	left:							0;
	width:						40%;
}

.view_editor_display
{
	float:							right;
	font-size:					131%;

	overflow:visible;
}

.search_form
{
	clear:						both;
	text-align:center;
}
.checked 
{
	background: transparent url('/Resource/templates/site/default/form_checked.gif') top left no-repeat;
	height: 25px;
	padding-left: 25px;
}

.form-field-help {

	font-weight: bold;
	color: #202020;
	background-image: url('form-field-help.png');
	width: 22px;
	height: 22px;
	text-indent: -10000px;
	float: left;
	clear: right;
	margin-left: 0.4em;
}

.form-field-help-float {

	font-weight: bold;
	color: #202020;
	background-image: url('form-field-help.png');
	width: 22px;
	height: 22px;
	text-indent: -10000px;
	position: absolute;
}

.form-field-help a, .form-field-help-float a {
	cursor: help;
	text-decoration: none;
	font-size: 120%;
	color: #202020;
	width: 22px;
	height: 22px;
	display: inline-block;
	text-indent: -10000px;
}

.form-field-tooltip {
	display: none;
	font-size:12px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	margin-left: 10px;	
	width: 400px;
}

/*

New styles

*/
form fieldset {
	border: 1px solid #ccc;
}

fieldset ul, fieldset li{
border:0; margin:0; padding:0; list-style:none;
}

fieldset li{
clear:both;
list-style:none;
padding: 10px}


.form_field li:hover {
	background-color: #ffffcc;
}

.form_field li.no-highlight:hover {
	background-color: #fff;
}

fieldset input{
}
fieldset label{
text-align: left;
clear: both;
}
fieldset label.field-name{
font-weight: bold;
line-height: 150%;
font-size: 120%;
float: left;
}

.form_field_input_date {
	font-size: 85%;
	line-height: 120%;
	width: auto;
}

.form_field_input_date input {
	clear: none;
	float: none;
}

.form_field_input_date label {
clear: both;
float: none;
display: block;
font-size: 85%;
margin: 0px;
text-align: center;
width: auto;
}

.form_field_input_date span {
	float:left;
}

form li div, form li span {
	margin:0 0.3em 0 0;
	padding:0;
}


.form_field_radio label {
	width: auto;
}

.form_field_radio input{
	clear: none;
	margin-left: 1em;
}

.form_field_radio span{
	float: left;
	clear: both;
}

.content_control input, .form_editor_control input {
	clear: none;
	float: none;
}

.form_editor_control .form {
	clear: left;
	
}

.form_field_radio:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.form_field.editor
{
	float: left;
	width: 65%;
	margin-left: 2%;
}

form.editor ul {
	float: left;
	width: 30%;
	border-right: 1px solid #ccc;
}

.widget_not_selected:hover, .content_display .form:hover {
	background-color: #ffffcc;
}

.checkbox-column {
	width: auto;
	float: left;
}

.linked-data {
	border: 1px dashed #202020;
	background-color: #E7EDDB;
	padding: 10px;
	clear: both;
}

.view-link {

}
.view-linked-title
{
	clear: both;
}
.linked-data:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

.linked-data-left {
	float: left;
	width: 48%;
}
.linked-data-right {
	float: left;
	width: 48%;
}

.view-link-title {
	width: 50%;
	clear: left;
	float: left;
}

.view-link-data {
float: left;
}

.view-control-edit {
	float: right;
}

#expand_archive {
	display: none;
}


/*iframe*/
#upload_frame {
	border:0px;
	height:40px;
	width:400px;
	display:none;
}

#progress_container {
	width: 300px; 
	height: 30px; 
	border: 1px solid #CCCCCC; 
	background-color:#EBEBEB;
	display: block; 
	margin:5px 0px -15px 0px;
}

#progress_bar {
	position: relative; 
	height: 30px; 
	background-color: #F3631C; 
	width: 0%; 
	z-index:10; 
}

#progress_completed {
	font-size:16px; 
	z-index:40; 
	line-height:30px; 
	padding-left:4px; 
	color:#FFFFFF;
}


/***************************************************
* Report List
***************************************************/

.report {
	float: left;
	position: relative;
	width: 90%;
}

.item {
	position: relative;
	padding: 10px;
}

.item div {
	padding: 2px 0;
}

.report-created {
}

.report .odd {
	background-color: #fff;
}

.report .even {
	background-color: #eee;
}

.odd:hover, .even:hover {
	background-color: #ffffcc;
}

.report a {
	color: #242021;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.report .table-report a {
	color:#9E2929;
	text-decoration:underline;
}

/*************************************************
* Custom report items
**************************************************/

.view:after {
clear:both;
content:"";
display:block;
height:0;
}

.report:after {
clear:both;
content:"";
display:block;
height:0;
}

.control-edit, .control-delete, .control-duplicate {
float:right;
margin-right:5px;
}

.linked_data
{
	border: solid #330066 1px;
	padding: 5px;
	background-color: #D0E9F9;
	color: #202020;
	clear: both;
}
.linked_data h2 {
}

.linked_data:after {
clear:both;
content:"";
display:block;
height:0;
}

.linked_data p
{
	margin: auto;
}

.linked-data-left {
	float: left;
	width: 50%;
}

.linked-data-right {
	float: left;
	width: 50%;
}

.report-recordnumber, .report-Status_
{
	font-size: 110%;
	font-weight: bold;
	color: #006600;
}
.report-recordnumber a, .report-Status_ a
{
	color: #006600;
}

.report-control-add {
	float: left;
	background-image: url('add_new.gif');
	width: 127px;
	height: 29px;
/*	margin-top: -26px;*/
}

/* Safari hack - also Chrome and Opera  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .report-control-add { margin-top: 0; }
}

.report-control-add a {
	display:block;
	height: 29px;
	text-indent: -10000px;
}

.report-control-add:hover {
	float: left;
	background-image: url('add_new_hover.gif');
}

.view-control-edit {
	float: right;
	background-image: url('edit_item.gif');
	width: 127px;
	height: 29px;
	margin-top: 8px;
}

.view-control-edit a {
	height: 29px;
	display:block;
	text-indent: -10000px;
}

.view-control-edit:hover {
	float: right;
	background-image: url('edit_item_hover.gif');
	margin-top: 8px;
}


.view-control-mail {
	float: left;
	background-image: url('send_mail.gif');
	width: 127px;
	height: 29px;
	margin-top: -8px;
}


.view-control-mail a {
	display:block;
	text-indent: -10000px;
	height: 29px;
}

.view-control-mail:hover {
	float: left;
	background-image: url('send_mail_hover.gif');
}

.view-linked-title {
	float: left;
	font-size: 150%;
	margin-top: 10px;
	margin-right: 5px;
}

.linked-status {
	float: right;
}

.view-link {
	float: left;
	clear: both;
	width: 100%;
}
.view-link-title
{
	float: left;
	width: 30%;
}

.view-link-data 
{
	float: left;
	font-weight: bold;
}

.report-recordnumber {
	display: none;
}

.report-controls {
	clear: both;
	float: right;
}
.report-controls:after { content: ""; display: block; height: 0; clear: both; }


.control-edit, .control-delete, .control-duplicate {
	float: right;
	margin-right: 5px;
	
}

a.standard {
color:#9E2929;
text-decoration:underline;
}


h1 span {
	float:left;
}

h1:after { content: ""; display: block; height: 0; clear: both; }

.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

.grid-50 {
float: left;
margin-right: 20px;
width: 50%;
}

.form_table_158 {
	width: 60%;
}

li.archive {
border: 1px solid #ccc;
background: #F9F4A9;
}

/*
Report Scope
*/
.report-scope {
	padding: 5px;
	margin: 2px;
}
.report-scope h2 {
	color: #fff;
	font-weight: normal;
	line-height: 200%;
	padding-left: 15px;
	margin-bottom: 0;
	font-size: 125%;
}
.report-scope-content {
	border: 1px solid #ccc;
	padding: 10px;
}
.show-hide {
	float: right;
	display: inline;
}

#show-hide-show.show-hide a, #show-hide-hide.show-hide a{
	color: #fff;
	font-size: 80%;
}

.report-scope .hidden {
	display: none;
}
#report-domain-content {
	display: none;
}
#report-domain-default-text {
	padding: 10px;
	border: 1px solid #ccc;
}
.report-scope-domain {
	color: #fff;
	background: transparent url('./report-scope-domain-header-background.gif') repeat-x;
	font-weight: normal;
	margin-bottom: 0;
}

.report-scope-domain h2 {
	background: transparent url('./report-scope-domain-header-background-left.gif') no-repeat;
}

.report-scope-domain span.right {
	float: right;
	width: 15px;
	background: #fff url('./report-scope-domain-header-background-right.gif') no-repeat top right;
}


.report-scope-site {
	color: #fff;
	background: transparent url('./report-scope-site-header-background.gif') repeat-x;
	font-weight: normal;
	margin-bottom: 0;
}

.report-scope-site h2 {
	background: transparent url('./report-scope-site-header-background-left.gif') no-repeat;
}

.report-scope-site span.right {
	float: right;
	width: 65px;
	background: #fff url('./report-scope-site-header-background-right.gif') no-repeat top right;
}

/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector, 
div.selector span, 
div.checker span,
div.radio span, 
div.uploader, 
div.uploader span.action,
div.button,
div.button span {
  background-image: url(img/sprite.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

.selector, 
.radio, 
.checker, 
.uploader,
.button, 
.selector *, 
.radio *, 
.checker *, 
.uploader *,
.button *{
  margin: 0;
  padding: 0;
}

/* INPUT & TEXTAREA */

input.text,
input.email, 
input.password,
textarea.uniform {
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding: 3px;
  color: #777;
  background: url('img/bg-input-focus.png') repeat-x 0px 0px;
  background: url('img/bg-input.png') repeat-x 0px 0px;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}

input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  border-color: #999;
  background: url('img/bg-input-focus.png') repeat-x 0px 0px;
}

/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -130px;
  line-height: 26px;
  height: 26px;
}

div.selector span {
  background-position: right 0px;
  height: 26px;
  line-height: 26px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px;
}

div.selector:active, 
div.selector.active {
  background-position: -483px -156px;
}

div.selector:active span, 
div.selector.active span {
  background-position: right -26px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
  background-position: -483px -182px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
  background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px;
}

div.selector.disabled {
  background-position: -483px -234px;
}

div.selector.disabled span {
  background-position: right -104px;
}

/* Checkbox */

div.checker {
  width: 19px;
  height: 19px;
}

div.checker input {
  width: 19px;
  height: 19px;
}

div.checker span {
  background-position: 0px -260px;
  height: 19px;
  width: 19px;
}

div.checker:active span, 
div.checker.active span {
  background-position: -19px -260px;
}

div.checker.focus span,
div.checker:hover span {
  background-position: -38px -260px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -57px -260px;
}

div.checker span.checked {
  background-position: -76px -260px;
}

div.checker:active span.checked, 
div.checker.active span.checked {
  background-position: -95px -260px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -114px -260px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -133px -260px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}

/* Radio */

div.radio {
  width: 22px;
  height: 22px;
  margin-top: -5px;
}

div.radio input {
  width: 22px;
  height: 22px;
}

div.radio span {
  height: 22px;
  width: 22px;
  background-position: -10px -14px;
  background-image: url(img/checkbox.gif);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

div.radio:active span, 
div.radio.active span {
  background-position: -10px -19px;
}

div.radio.focus span, 
div.radio:hover span {
  background-position: -10px -114px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -10px -214px;
}

div.radio span.checked {
  background-position: -10px -214px;
}

div.radio:active span.checked,
div.radio.active span.checked {
  background-position:  -10px -214px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -10px -314px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -10px -314px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -10px -260px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -10px -260px;
}

/* Uploader */

div.uploader {
  background-position: 0px -297px;
  height: 28px;
}

div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}

div.uploader.disabled {
  background-position: 0px -325px;
}

div.uploader.disabled span.action {
  background-position: right -381px;
}

div.button {
  background-position: 0px -523px;
}

div.button span {
  background-position: right -643px;
}

div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0px -553px;
}

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -673px; 
}

div.button.active,
div.button:active {
  background-position: 0px -583px;
}

div.button.active span,
div.button:active span {
  background-position: right -703px;
  color: #555;
}

div.button.disabled,
div.button:disabled {
  background-position: 0px -613px;
}

div.button.disabled span,
div.button:disabled span {
  background-position: right -733px;
  color: #bbb;
  cursor: default;
}

/* PRESENTATION */

/* Button */

div.button {
  height: 30px;
}

div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px;
}

/* Select */
div.selector {
  width: 190px;
  font-size: 12px;
}

div.selector select {
  min-width: 190px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: solid 1px #fff;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #666;
  width: 158px;
  text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
  color: #bbb;
}

/* Checker */
div.checker {
  margin-right: 5px;
}

/* Radio */
div.radio {
  margin-right: 3px;
}

/* Uploader */
div.uploader {
  width: 190px;
  cursor: pointer;
}

div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector, 
.checker, 
.button, 
.radio, 
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/* Button */

div.button a,
div.button button,
div.button input {
  position: absolute;
}

div.button {
  cursor: pointer;
  position: relative;
}

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center;
}

/* Select */

div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  height: 25px;
  border: none;
  background: none;
}

/* Checker */

div.checker {
  position: relative;
}

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.checker input {
  opacity: 0;
  filter: alpha(opacity:0);
  display: inline-block;
  background: none;
}

/* Radio */

div.radio {
  position: relative;
}

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.radio input {
  opacity: 0;
  filter: alpha(opacity:0);
  text-align: center;
  display: inline-block;
  background: none;
}

/* Uploader */

div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}