* { padding: 0; margin: 0; }
html { min-height: 99%; }

body { width: 390px; font-size: 11px; line-height:18px; font-family: 'Trebuchet MS', Helvetica, sans-serif; 
    background: url('../files/bg.png') repeat-x #F0F0F0; color: #6c6c6d; }


.float_left { float: left; display:inline; }
.float_right { float: right; display:inline;  }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
.floatbox { overflow:hidden;  }
.clearfix { display: inline-block; }  /* ... especial for IE7 */
.clearfix { display: block; }      /* ... für IE5,IE6,IE7 */

h2 { font-size: 15px; font-weight: normal; margin-bottom: 10px; padding-right: 10px; }
p {  margin-bottom: 10px; line-height: 14px; }
a, a:visited { color:#6C6C6D; }
:focus
{
  -moz-outline-style: none;
  outline: none;
}
a
{
  outline: none;
}
input:focus { -moz-outline-style: none; outline: none; }


div.sdoTabs-nav ul { list-style: none; }
div.sdoTabs-nav ul {}

div.sdoTabs-nav ul li { height: 20px; padding: 0 0 0 10px; font-size: 12px; float: left; text-decoration: none; width: 85px; color: #707173; background: none;  }

div.sdoTabs-nav ul li:hover { color: #FFF; cursor: pointer; }



iframe { border: none; overflow: hidden; }
table.layout { width: 100%; border: none; border-collapse: collapse; padding: 0 0 0 2px; margin: 0;}
table.layout tr td { font-size: 11px;  border: 0; color: #58585a; padding-left: 3px; line-height: 5px; padding-top: 2px; padding-bottom: 2px;  }
table.layout tr:hover, table.layout tr.clicked { background: url('../img/bg_tr.gif') repeat-x; line-height: 0;}
table.layout tr td.btn { line-height: 0; white-space: nowrap; }
table.layout tr td.btn img { margin-right: 2px; }

div#form_CYC { width: 360px; height: 63px; padding: 3px 10px 0 10px;  background: url("../img/bg_CYC_form.gif") no-repeat; }
div#form_CYC table { width: 100%; border: none; border-collapse: collapse; padding: 0; margin: 0;}
div#form_CYC table tr:hover { background: none;}
div#form_CYC table td { padding: 0 0 1px 0;}
div#CYC_cnt { width: 380px; height: 325px; overflow: auto;  border-bottom: 8px solid #B2B3B4; }
div#CYC_cnt table.layout { width: 360px;  }
div#btn-email{ width: 380px; height: 62px; background: url("../img/bg_CYC_btn_email.gif") #b2b4b5 no-repeat; text-align: center; padding-top: 2px;}
div#btn-email input.button-email {font-size: 14px; color: #7f7f81;  border: 0; background: transparent; background: url('../img/btn_bg_email.gif') no-repeat; width: 360px; height: 26px; padding-bottom: 3px;}
div#btn-email input.button-email:active { color: black; }
div.flash { text-align: left; font-size: 10px; margin-bottom: 3px; padding-left: 10px; padding-right: 10px; padding-top: 2px; line-height: 12px;}


/* forms */
select { font-size: 11px; padding: 0; color: #6C6C6D; font-family:'Trebuchet MS',Helvetica,sans-serif;  }

span { font-size: 10px; }
span a, span a:visited { color: #6C6C6D;}
input.button-small { color: #7f7f81; font-size: 10px; border: 0; background: transparent; background: url('../img/btn_bg_search.gif') no-repeat 0 2px; width: 51px; height: 18px; padding-bottom: 2px;}
input.button-bigger { color: #7f7f81; font-size: 10px; border: 0; background: transparent; background: url('../img/btn_bg_bigger.gif') no-repeat 0 2px; width: 105px; height: 18px; padding-bottom: 2px;}
a.button-info { line-height: 10px; text-align: center; display: block; text-decoration: none; color: #7f7f81; font-size: 9px; border: 0; background: url('../img/btn_bg_info.gif') no-repeat; width: 26px; height: 12px; }
a.button-info.alert { text-align: left; padding-left: 5px; background: url('../img/btn_bg_info_alert.gif') no-repeat; width: 35px; height: 12px; }
a.button-back { text-align: center; display: block; text-decoration: none; color: #7f7f81; font-size: 10px; border: 0; background: url('../img/btn_bg_back.gif') no-repeat 0 1px; width: 71px; height: 18px; }




div#form_addCandidate { height: 391px; background: url('../img/bg_addCandidate.gif') repeat-x #b1b3b4; padding: 5px 0 4px 0; }

div#form_addCandidate form { padding: 0 10px; }

div#form_addCandidate h2 { font-size: 14px; margin-bottom: 5px; color: #6c6c6d; margin-left: 10px; }
div#form_addCandidate p { line-height: 12px; }

table.the-form td { padding-top: 1px; padding-bottom: 1px; }


div#form_create_page { height: 420px; width: 360px; background: url('../img/bg_create_page.gif') repeat-x #b1b3b4; padding: 5px 10px 4px 10px; }
div#form_create_page h2 { font-size: 13px; margin-bottom: 3px; color: #6c6c6d; }

div#form_create_page #code { width: 360px; text-align: center; }
div#form_create_page #code textarea { width: 330px; color: #6c6c6d;  font-family:"Lucida Console", Monaco, mono-serif; font-size: 11px; text-align: left;  border: 0; overflow: auto; margin-bottom: 10px;}

div#pledge { height: 420px; width: 370px; background: url('../img/bg_create_page.gif') repeat-x #b1b3b4; padding: 5px 0 4px 10px; }
div#pledge h2 { font-size: 13px;  margin-bottom: 4px; }
div#pledge .pledgeArea h2 { font-size: 12px; padding-left: 10px; margin-bottom: 4px; padding-top: 3px;}
div#pledge p { margin-bottom: 6px; line-height: 12px; padding-right: 8px;  }

div#pledge .pledgeArea { height: 69px; width: 360px; }
div#pledge .pledgeArea.blue { background: url('../img/pledge_bg_blue.gif') no-repeat; }
div#pledge .pledgeArea.orange { background: url('../img/pledge_bg_orange.gif') no-repeat; }
div#pledge .pledgeArea.yellow { background: url('../img/pledge_bg_yellow.gif') no-repeat; }
div#pledge .pledgeArea.green { background: url('../img/pledge_bg_green.gif') no-repeat; }

div#pledge table { border-collapse: collapse; margin: 0 0 0 10px; }
div#pledge table td { font-size: 11px; text-align: center; vertical-align: middle; line-height: 11px;  }
/* div#pledge table td:hover { cursor: pointer; } */
div#pledge table td label { display: block; padding: 6px; }
div#pledge table td.info { cursor: pointer;  }
div#pledge table td.info_blue { background: url('../img/pledge_btn_info_blue.gif') no-repeat; width: 36px; height: 36px; padding-right: 16px; }
div#pledge table td.info_orange { background: url('../img/pledge_btn_info_orange.gif') no-repeat; width: 36px; height: 36px; padding-right: 16px; }
div#pledge table td.info_yellow { background: url('../img/pledge_btn_info_yellow.gif') no-repeat; width: 36px; height: 36px; padding-right: 16px; }
div#pledge table td.info_green { background: url('../img/pledge_btn_info_green.gif') no-repeat; width: 36px; height: 36px; padding-right: 16px; }

div#pledge table td.do-pledge { width: 93px; height: 36px; padding-right: 4px; }
div#pledge table td.do-pledge input, div#pledge table td.do-pledge label { cursor: pointer; }
div#pledge table td.do-pledge.active { color: #FFF;}
div#pledge table td.do-pledge.blue { background: url('../img/pledge_btn_blue.gif') no-repeat; }
div#pledge table td.do-pledge.blue_active { background: url('../img/pledge_btn_blue_active.gif') no-repeat; color: #FFF; }
div#pledge table td.do-pledge.orange { background: url('../img/pledge_btn_orange.gif') no-repeat; }
div#pledge table td.do-pledge.orange_active { background: url('../img/pledge_btn_orange_active.gif') no-repeat; color: #FFF; }
div#pledge table td.do-pledge.yellow { background: url('../img/pledge_btn_yellow.gif') no-repeat; }
div#pledge table td.do-pledge.yellow_active { background: url('../img/pledge_btn_yellow_active.gif') no-repeat; color: #FFF; }
div#pledge table td.do-pledge.green { background: url('../img/pledge_btn_green.gif') no-repeat; }
div#pledge table td.do-pledge.green_active { background: url('../img/pledge_btn_green_active.gif') no-repeat; color: #FFF; }

span.label {float: left; display: inline; width: 80px; font-size: 11px;}
span.content {float: left; display: inline; width: 250px; font-size: 11px; }


div#pledge-thanks { height: 420px; width: 380px; background: url('../img/bg_create_page.gif') repeat-x #b1b3b4; padding: 5px 0 4px 0; }
div#pledge-thanks h2 { font-size: 13px;  margin-bottom: 4px; padding-left: 10px; }
div#pledge-thanks div#candidate-info { width: 366px; background: url('../img/bg_candidate_info.gif') no-repeat; height: 25px; margin-bottom: 10px; margin-left: 6px; padding-top: 1px;}
div#pledge-thanks div#candidate-info table tr:hover { background: none; }
div#pledge-thanks p { padding-left: 10px; padding-right: 10px; }
div#pledge-thanks .floatbox {padding-left: 10px; padding-right: 10px; }

div#form_addCandidate div#candidate-info { width: 366px; background: url('../img/bg_candidate_info.gif') no-repeat; height: 25px; margin-bottom: 10px; margin-left: 6px; padding-top: 1px;}
div#form_addCandidate div#candidate-info table tr:hover { background: none; }



.formelement { margin-bottom: 3px;}
.formelement label { width: 78px; float: left; line-height: 12px; padding: 1px 0; font-size: 11px;}
.formelement label.checkbox { width: 150px; }
.formelement input.text.w260 { width: 260px; }
.formelement input.checkbox { width: 20px; }
.formelement input.text.w185 { width: 185px; }
input.checkbox { border: none; }

textarea { overflow: auto; font-family: 'Trebuchet MS', Helvetica, sans-serif; border: none; }
.formelement textarea.w260 { color: #6c6c6d; font-size: 11px; border: none; width: 256px; height: 56px; padding-left: 4px; }
p.annotation { font-size: 9px; line-height: 10px!important; margin-bottom: 5px; }
p.annotation.error { color: #D21D23; } 
.formelement.button-submit { padding-top: 0; }
.formelement input.button-submit {  font-size: 14px; color: #7f7f81;  border: 0; background: url('../img/btn_bg_submit.gif') no-repeat; width: 361px; height: 26px; }

input.text { border:0; padding-left: 6px; color:#6C6C6D; float:left; font-family:'Trebuchet MS',Helvetica,sans-serif; font-size: 11px; margin-right:4px; height: 16px; line-height: 16px; margin-left: 1px;}
input.text.w86 { width: 86px;  }
input.text.w176 { width: 170px; }
input.text.w110 { width: 110px;  }
input.text.w320 { width: 320px;  }
input.text.noValue { color: #c5c7c8; }

select.select-skin.w86 { width: 86px; }
select.select-skin.w176 { width: 176px; }
select.select-skin.w270 { width: 270px; }
select.select-skin.w260 { width: 260px; }

/*div.cmf-skinned-select-w86 { background: url('../img/select_skin/select_skin_w86.gif')  no-repeat; height: 16px!important; }
div.cmf-skinned-select-w176 { background: url('../img/select_skin/select_skin_w176.gif')  no-repeat; height: 16px!important; }
div.cmf-skinned-select-w260 { background: url('../img/select_skin/select_skin_w260.gif')  no-repeat; height: 16px!important; }
div.cmf-skinned-select-w270 { background: url('../img/select_skin/select_skin_w270.gif')  no-repeat; height: 16px!important; }
div.cmf-skinned-text { padding: 1px 0 0 4px;  }*/
.cmf-skinned-text { font-size: 11px; }

tr.candidatesrow { cursor: default; }
div.error { background-color: white; color: #D21D23; margin-bottom: 0.5em; padding-left: 10px; background-color: #eee; }


span.sdoButton { display: block; float: left;  cursor: default; height: 17px; padding: 0 10px 6px 0; background: transparent url('../img/button_right.gif') no-repeat scroll top right; }
span.sdoButton span { line-height: 13px; white-space: nowrap; display: block; cursor: default; padding: 2px 0 6px 10px; color: #7f7f81; font-weight: normal; background: transparent url('../img/button_left.gif') no-repeat; }
span.sdoButton:active span, a.button1:focus span { color: #000000; } /* on click */
span.sdoButton span a { text-decoration: none; }
span.sdoButton span a:active { color: #000000; }

.message.alert { color: #D21D23; }
label.error { color: #D21D23; }

img.ajax-loader { margin: 10px; }

.tooltip { line-height: 13px; }
span.notice { color: red; }
span.notice.success { color: green; }

/*table.helper select { height: 18px!important; }*/

p.error { color: red; }
table.cake-sql-log { width: 1424px; font-family: monospace; font-size: 12px; margin-left: 20px; }
table.cake-sql-log td { vertical-align: top; padding: 5px 0; border-bottom: 1px solid #aaa; }


/* modal window */

.modal-overlay
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#fff;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	z-index:101;
}
.modal-window
{
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	padding:0;
	z-index:102;
}
.close-window
{
	position:absolute;
	width:32px;
	height:32px;
	right:8px;
	top:8px;
	background:transparent url('/examples/modal-simple/close-button.png') no-repeat scroll right top;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
	opacity:.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
.close-window:hover
{
	opacity:.99;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
}