/* ----------------------------------------------- */
/* ---- TAG STANDARDS ---------------------------- */
/* ----------------------------------------------- */
html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F3F3F3;
	font-size: 12px;
	line-height:15px;
	
}
table {
	border-collapse:collapse;
	border:0px;
	padding:0px;
	margin:0px;

}
td {
	color: #333;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:15px;


}
th {
	color: #333333;
	vertical-align:top;
	padding:0px;
	font-weight:bold;
	text-align:left;
	padding:5px;
}
img {
	border:0px;
}
form {
	padding:0px;
	/*float: left;*/
	width: auto;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ol {
	margin:0px 0px 0px 22px;
	padding:0px;
}
ol li {
	margin:0px 0px 0px;
	padding:0px;
}

/* ----------------------------------------------- */
/* ---- DESIGN CLASSES --------------------------- */
/* ----------------------------------------------- */

/* ---- BOX ---- */
div.styledBox{
	padding: 10px; border: 1px solid rgb(204, 204, 204); margin-bottom: 30px; background: url('/img/design/bg_item.gif') repeat-x scroll 0% 0% transparent;
}
div.explamationText {
	padding-left: 20px; background-image: url('/img/ico_exclamation_small.png'); background-repeat: no-repeat;
}

/* ----------------------------------------------- */
/* ---- DIALOG BOX / POPUP ----------------------- */
/* ----------------------------------------------- */

/* Dialogbox Overlay */
.dialog-overlay {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3000;
    display: none;
    text-align: center;
    
    /* filter for all other browsers then ie */
	opacity: 0.4;
	
    /* filter for IE6+ */
	filter:alpha(opacity=40); 
	
	/* -moz-opacity:0.4;*/ 
	/* -khtml-opacity: 0.4; */
	 
	background:#000; 
}

.dialog-overlayOLD {

	/* set it to fill the whil screen */
	width:100%; 
	height:100%;
	
	/* transparency for different browsers */
	filter:alpha(opacity=40); 
	-moz-opacity:0.4; 
	-khtml-opacity: 0.4; 
	opacity: 0.4; 
	background:#000; 

	/* make sure it appear behind the dialog box but above everything else */
	position:absolute; 
	top:0; left:0; 
	z-index:3000; 

	/* hide it by default */
	display:none;
}


.dialog-box {
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	
	background:#fff;
	background-image:url(../img/design/bg_item.gif);
	background-repeat:repeat-x;
	border:solid #fff 1px;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	
	/* make sure it has the highest z-index */
	position:absolute; 
	z-index:5000; 

	/* hide it by default */
	display: none;
	
}

.dialog-box .dialog-content {
	/* style the content */
	text-align:left; 
	padding:10px; 
	margin:13px;
}
/* extra styling */
.dialog-box .dialog-content p {
	font-weight:700; margin:0;
}

.dialog-box .dialog-content ul {
	margin:10px 0 10px 20px; 
	padding:0; 
	height:50px;
}
	

/* ----------------------------------------------- */
/* ---- SIMPLE CLASSES --------------------------- */
/* ----------------------------------------------- */
.hidden {
	display:none;
}
.pointer {
	cursor:pointer;
}
.pageTitle {
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
	display:block;
} /* this should be a Hx class */
/* ------------------------------------------------------------------------------- */
/* ------------------------------- FORM CLASSES ---------------------------------- */
/* ------------------------------------------------------------------------------- */
/* -- classes for surrounding td's -- */
.formLabel {
	vertical-align:top;
	padding-right:40px;
	white-space: nowrap;
	padding-top:10px;
}
.formLabel label.required {
	font-weight: normal;
}
.formLabelWide {
	vertical-align:top;
	padding-right:78px;
	white-space: nowrap;
	padding-top:10px;
}
.formLabelWide label.required {
}
.formLabel200 {
	width:200px;
	padding-top:10px;
}
.formLabel295 {
	width:295px;
	padding-top:10px;
	vertical-align:top;
}
/* .formLabel200 label.required{font-weight: bold;} */
label.required {
}
.formValue {
	vertical-align:top;
	width:100%;
	padding-top:5px;
}
.formValueVariable {
	vertical-align:top;
	padding-top:5px;
}
.formValueScreen {
	padding-top:10px;
	width:100%;
}
.formValueScreenVariable {
	padding-top:10px;
}
/* -- generelErrors -- */
.generelError {
	border:1px solid red;
	background-color:#ffcbcb;
	padding:10px;
	margin-top:10px;
}
.generelSuccess {
	border:1px solid green;
	padding:10px;
	background-color:#affab8;
	margin-top:10px;
}
/* -- formfield classes -- */
input.width80 {
	width:80px;
	background-color: #F3F3F3;
}
input.width150 {
	width:150px;
	background-color: #F3F3F3;
}
input.width130 {
	width:130px;
	background-color: #F3F3F3;
}
input.width200 {
	width:200px;
	background-color: #F3F3F3;
}
input.width400 {
	width:400px;
	background-color: #F3F3F3;
}
.cutomArea {
	width:400px;
	height:100px;
	background-color: #F3F3F3;
}
input.formerror {
	background-color:#ffcbcb;
}
input.formcommit {
	background-color:#cbffcb;
}
select.width200 {
	width:205px;
}
select.width400 {
	width:405px;
}
select.formerror {
	background-color:#ffcbcb;
}
select.formerror option {
	background-color:#ffcbcb;
}
select.formcommit option {
	background-color:#cbffcb;
}
textarea.width100 {
	width:100px;
	height:100px;
}
textarea.width400 {
	width:400px;
	height:100px;
	background-color: #F3F3F3;
}
textarea.width600 {
	width:700px;
	height:400px;
}
textarea.formerror {
	background-color:#ffcbcb;
}
/* -- other --- */
td.subtitle {
	padding: 10px 0;
}
h4.subTitle {
	font-size:12px;
	margin-top:25px;
}
/* ------------------------------- END FORM CLASSES ------------------------------ */

/* ------------------------------------------------------------------------------- */
/* ------------------------------- Error Messages -------------------------------- */
/* ------------------------------------------------------------------------------- */
.ajax-error {
	background-color: #FFCFCF;
	padding: 1em;
	border: 1px solid red;
}
/* ------------------------------- END Error Messages ---------------------------- */