/*	---------------------------------------------------*/
/*	3PO Style Sheet
	Version : IFFR_Newsletter
	(c) Roland van Putten 
	Modified: 17012012 Jasper Luiken
*/

/* GENERAL STYLES 
======================================================*/
HTML, BODY { height: 100%; }
BODY { background-color: #fff; margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif; }
BODY, DIV, TH, TD, P, INPUT, BUTTON, SELECT, UL, LI, TEXTAREA { /* default text properties */ font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #333; }
DIV, TH, TD, P, SELECT, UL, LI, TEXTAREA { line-height: 20px !important; /* overrule default line-height for text-elements (with linebreaks) */ }
TABLE { padding: 0; margin: 0; border: 0; }
TABLE TD { padding: 0; margin: 0; }
FORM { padding: 0; margin: 0; }

H1, H2, H3, H4, H5, H6 { font-family: Verdana, Arial, sans-serif; font-weight: bold; color: #000; /* darker than default */ }
H1 { /* page title, use only ONCE on every page */ font-family: Trebuchet, Trebuchet MS, Verdana, Sans-Serif; /* different font for page headers */ font-size: 30px; line-height: 35px; }
H2 { /* subheading, use freely */ font-size: 16px; }
H2.header { width: 100%; padding-bottom: 2px; border-bottom: 1px solid #ccc; }

H3 { /* subsubheading, */ font-size: 12px; width: 100%; padding-bottom: 2px; border-bottom: 1px solid #ccc; }
H4, H5, H6 { /* you could also use <strong> */ font-size: 12px; }

A { color: #000066; text-decoration: none; }
A:visited { text-decoration: none; }
A:hover { text-decoration: underline; }
A.clear { background-image: none; /* use this on links without line, e.g. images */ }

A.noWrap { white-space: nowrap; }
IMG { border: 0; background: none; /* overrule dotted background on linked images */ }

/* LAYOUT BLOCKS 
======================================================*/
/* order on flow, positioning only */
DIV#wrapper { position: relative; top: 0px; left: 0px; margin-left: auto; /* centers the page */ margin-right: auto; background-image: url(../images/bgr.gif); /* shadow image */ background-repeat: repeat-y; width: 960px; /* the total width, including shadows */ /* hack the min-height */ min-height: 100%; height: auto !important; /* for modern browsers */ height: 100%; /* for IE */ }
DIV#header { width: 960px; height: 77px; background: url(/images/header.gif) top right no-repeat; }
DIV#content { width: 930px; /*height: 400px;*/ /*background-color: #FcF ;*/ text-align: left; margin: 15px; }
DIV#footer { width: 945px; height: 33px; padding: 15px 0px 0px 15px; background: url(/images/footer.gif) bottom right no-repeat; font-size: 9px; color: #0A55A3; margin-bottom: 5px; }
DIV#dialog { height: 344px; padding: 0px; /*background-image: url(../images/popup_footer.gif); */ background-position: right bottom; background-repeat: no-repeat; }
DIV.ajaxloader { position: absolute !important; top: 15px !important; left: 645px !important; width: 25px !important; height: 25px !important; text-align: left !important; }

/* FORMS
======================================================*/
TABLE.editTable, TABLE.overviewTable { width: 645px; }
TABLE.editTable SPAN.headerlabel { display: block; width: 420px; font-size: 18px; line-height: 24px; margin-bottom: 10px; padding-bottom: 5px; border-bottom: solid 2px #999; }
TABLE.editTable SPAN.dialogintro { display: block; width: 652px; height: 46px; margin-bottom: 30px; padding: 15px 15px 0px 15px; background-image: url(../images/popup_header.gif); background-position: right; background-repeat: no-repeat; border-bottom: 1px solid #000000; }
TABLE.editTable SPAN.dialogtitle { display: block; margin-top: -32px; width: 635px; padding: 0px 32px 0px 15px; color: #ffffff; font-size: 11px; font-weight: bold; text-align: right; }
TABLE.editTable SPAN.errorlabel { display: block; width: 413px; padding-left: 5px; font-size: 12px; font-weight: bold; line-height: 26px; margin-bottom: 10px; border: solid 1px #FCC; background-color: #FEE; }
TABLE.editTable TD.label { /* the label column */ width: 135px; /* 150 - 15 */ font-weight: bold; text-align: right; padding-right: 15px; padding-top: 6px; vertical-align: top; }
TABLE.editTable TD.req { background: url(/Images/req.gif) no-repeat; background-position: 213px 13px; }

TD.control { width: 285px; }
TD.validate { width: 210px; }
TD.control SPAN.remarks { /* comments with formfields */ display: block; width: 270px; color: #999; font-size: 11px; }
TD.control A.datePicker { /* rad datepicker calendar popup button */ position: relative; top: 5px; left: 15px; background: none !important; }
TD.control UL { /* use for listings */ margin: 0; padding: 0; list-style: none; }
TD.control INPUT { /* text input, nice wide and whiffy */ width: 258px; height: 16px; border: 1px solid #999; color: #000; padding: 5px; line-height: 16px; margin: 2px 0px; }
TD.control INPUT.editionnumber, TD.control INPUT.emailCount { width: 60px !important; }
.question SPAN { /* exam question */ display: block; padding: 7px 15px 7px; font-weight: bold; }
.question TABLE.radio { /* exam answers radiobuttons */ width: 100% !important; }
.question TABLE.radio TD { padding: 5px 0px 5px 0px !important; }
TD.control INPUT.small { /* text input,small for zipcodes and numbers */ width: 60px; }
TD.control INPUT.error { border: 1px solid #f00; }
TD.control SELECT { width: 270px; margin: 6px 0px; height: 20px; }
TD.control TEXTAREA { width: 270px; height: 90px; padding: 5px; line-height: 20px; }

/* - checkbox and radiobutton lists - */
/* apply class to control */
TABLE.radio TD { padding: 0; }
.radio INPUT, INPUT.radio { width: 18px !important; height: 18px; border: 0 !important; padding: 0px; margin: 0px; position: relative; top: 2px; margin-right: 5px !important; }
TABLE.radio LABEL { position: relative; top: -3px; padding-left: 7px; }

/* -  buttons - */
INPUT.submitButton, INPUT.cancelButton { width: 105px; height: 30px; margin: 15px 15px 5px 0px; /*background: url(../images/forms/button2.gif) no-repeat;*/ /*border: 0px;*/ }
INPUT.submitButton { font-weight: bold; }
A.submitButton { display: block; width: 24px; height: 24px; background: url(/images/save.png) no-repeat; margin: 15px; }
A.submitButton:hover { -webkit-box-shadow: 0 0 15px #fcdb41; -moz-box-shadow: 0 0 15px #fcdb41; box-shadow: 0 0 15px #fcdb41; }

/* GRID
======================================================*/
.gridLabel, .gridAction, .gridHeader, .gridAction A { font-family: Verdana, Arial, sans-serif !important; font-size: 11px !important; line-height: 15px !important; color: #333 !important; }
.gridLabel { font-weight: normal !important; }
.gridAction { font-weight: normal !important; }
.gridHeader { font-weight: bold !important; padding-left: 5px !important; height: 30px !important; }
.gridAction A { color: #009 !important; }

/* CKEDITOR
======================================================*/
.annaeditor { position: relative; left: -15px; }