/* THIS STYLE SHEET CONTROLS ALL THE CMS WITHIN THE PAGE BASICALLY THE HEADER/PAGE SETTINGS BIT    and also the side bar CMS*/
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */

/*BASIC STYLES FOR HTML TAGS for header and side*/
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
#BASIC-HTML-TAGS------------------------------------------------------------------------------------------------------------{}

#cms_header, #cms_side, #webcontrolContainer {
	margin: 0px;
	font-family: "Trebuchet MS";
}

#cms_header p, #cms_side p{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	font-family: "Trebuchet MS";
}



#cms_header .hidden, #cms_side .hidden{
 display:none;	
}


#cms_header .pane, #cms_side .pane {
    border: none !important;
}

#cms_header .block, #cms_side .block{
	display: block;	
}

#cms_header .floatLeft, #cms_side .floatLeft {
	float: left;
}

#cms_header .floatRight, #cms_side .floatRight {
	float: right;
}

#cms_header .clear, #cms_side .clear {
	clear: both;
}


/*BASIC CSS TOOLS SUCH AS FLOAT AND CLEAR ETC for header and side*/
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
#BASIC-HTML-TOOLS-------------------------------------------------------------------------------------------------------------{}
#cms_header .floatLeft, #cms_side .floatLeft {
    float: left;
}

#cms_header .floatRight, #cms_side .floatRight {
    float: right;
}

#cms_header .clear, #cms_side .clear {
    clear: both;
}


/* CMS HEADER - start ///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
#CMS-HEADER----------------------------------------------------------------------------------------{}


#cms_header #page-edit, #webcontrolContainer #page-edit {
	margin-bottom: 20px;
}

#cms_header #header, #webcontrolContainer #header{
	background-color: #16202F;
	width: 100%;
	height: 80px;
}

#cms_header #headerLeft {
    width: 50%;
    float: left;
}

#cms_header #headerRight, #webcontrolContainer #headerRight{
	float: right;
	text-align: left;

}
#cms_header .header-width, #webcontrolContainer .header-width {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	
}

#cms_header .headerEditPanel h2 , #webcontrolContainer .headerEditPanel h2{
	color: #FFFFFF;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#cms_header #loginBar , #webcontrolContainer #loginBar{
	background-image: url(../media/images/login_bg.jpg);
	background-repeat: no-repeat;
	color: #CCCCCC;
	display: block;
	width: 325px;
	height: 29px;
	font-size: 10px;
	padding-top: 6px;
	text-indent: 12px;
}

#cms_header #loginBar a, #webcontrolContainer #loginBar a, #cms_header #loginBar a strong{
    color: #BDCDDF;
    text-decoration: none;
}
#cms_header #loginBar a:hover , #webcontrolContainer #loginBar a:hover {
	color: #FFFFFF; 
}
/* SWITCHES BETWEEN THE WEBCONTROL LIVE SITE OR WEBCONTROL ///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
#WEBCONTROL-SWITCHER----------------------------------------------------------------------------------------{}


#webcontrol_links {
	text-align: right;
	padding-top: 7px;
	padding-bottom: 12px;
}

#webcontrol_links a {
	color: #647288;
	font-size: 12px;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	margin-right: 4px;
}

#webcontrol_links a:hover {
	color: #FFFFFF;
	background-color: #233249;
}


#webcontrol_links span  { /*this sets the bg colour for the selected mode for Webcontrol Switcher*/
	color: #FFFFFF;
	font-size: 12px;
	background-color: #364E70;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}

.previewmodeLink {
    color: White;
    font-size: 12px;
    text-decoration: none;
}

.previewmode {
    background-image: url(../media/images/previewmode_bg.gif);
    background-repeat: no-repeat;
    width: 88px;
    height: 26px;
}




/* This is the lighter blue strip at the bottom pf the WebControl Dark Blue Bar///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
#EDIT-STTTINGS-DIV----------------------------------------------------------------------------------------{}

#cms_header .headerEditPanel {
	background-color: #16202F;
	width: 100%;
	color: White;
	margin-top: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 12px;
	padding-bottom: 12px;
	position: static !important;
}


/* This is the lighter blue strip at the bottom pf the WebControl Dark Blue Bar///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
#CMS-HEADER-BOTTOM-LIGHT-BLUE----------------------------------------------------------------------------------------{}

#cms_header #headerBottom, #webcontrolContainer #headerBottom {
	background-color: #39414E;
	width: 100%;
	color: #CCCCCC;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-size: 15px;
	height: 30px;
}

#cms_header #headerBottom a {
	color: #CCCCCC;
	text-decoration: none;
	cursor: pointer;
}

#cms_header #headerBottom ul img {
	padding-top: 5px;
}

#cms_header #headerBottom ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#cms_header #headerBottom li{
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	padding-right: 10px;
	padding-left: 10px;
}
#cms_header #headerBottom li a{

}
#cms_header #headerBottom li a:hover{
	color: #FFFFFF;
}

/*Drop down menu////////////////////////////////////////////*/
#cms_header #headerBottom ul ul{
	padding-top: 10px;
	width: 200px;
}

#cms_header #headerBottom ul ul li{
	background-color: #999999;
	margin-left: 20px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #999999;
}

#cms_header #headerBottom ul ul li a{
	cursor: pointer;
	color: #FFFFFF;
}

#cms_header #headerBottom ul li a:hover{
	color: #CCCCCC;
}
#cms_header .tabstripLower li a {
    color: Black;
    text-decoration: none;
    padding: 5px 10px 0 10px;
}

#cms_header .tabstripLower li a:hover {
    color: #f60;
}
/*CMS HEADER tree component////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */


#cms_header .treeviewContainer {
	border: 1px solid #eaeaea;
	border-top: 1px solid #B4B4B4;
	scrollbar-face-color: #E9E9E9;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #E9E9E9;
	scrollbar-3dlight-color: #DBDBDB;
	scrollbar-arrow-color: #787878;
	scrollbar-track-color: #F5F5F5;
	scrollbar-darkshadow-color: #AEAEAE;
	visibility:hidden;
	position: fixed !important;
	z-index: 200 !important;
	width: 335px;
	height:200px;
	visibility: hidden;
	overflow: auto;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 1em;
}


/*INLINE EDITOR STYLES*/
/*///These can have the cms_header or cms_side as they are actually inline... so within the #site div of the content/////////////////////////////////////////////////////////// */
/*///these override the default table styles from the main site - #site td etc////////////////////////////////////////////////////////////////////// */
#INLINE-EDITOR STYLES------------------------------------------------------------------------------------------------------------{}


#site #column1 .editInlinePanel table, #site #column1 .addPanel table{
	padding: 0px;
	margin-bottom: 0px;
	background-color: #E0E0E0;
	border-top-color: #E0E0E0;
	border-right-color: #E0E0E0;
	border-bottom-color: #E0E0E0;
	border-left-color: #E0E0E0;
}

#site #column1 .editInlinePanel td, #site #column1 .addPanel td{
	padding: 0px;
	background-color: #E0E0E0;
	border-top-color: #E0E0E0;
	border-right-color: #E0E0E0;
	border-bottom-color: #E0E0E0;
	border-left-color: #E0E0E0;

}

#site #column1 .editInlinePanel th, #site #column1 .addPanel th {
	padding: 0px;
	text-align: left;
	text-transform: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
}

#site .editMetaPanel { font-size: 10px !important; }
#site .editInlinePanelOuter { margin-bottom: 10px !important; }
#site .editInlinePanelHeader span {	background-color: #66CCCC !important; padding: 1px !important; font-size: 11px !important;	color: #206060 !important; }
#site .editInlinePanel { border: solid 1px #66CCCC !important; text-align: left !important; display: block !important;	min-height: 15px !important;	padding-top: 5px !important;	padding-bottom: 0px !important; }
#site .divArticleContent { padding-right: 0px !important; padding-left: 0px !important; }
#site .editInlinePanel_footer {	background-color: #DFF8FF !important; height: 21px !important; display: block !important;	clear: both !important; }
#site .editInlinePanel_footer img { border:none !important; }
#site .editInlinePanel_footer a img {opacity: .4 !important;	-moz-opacity: .4 !important; -khtml-opacity: 0.40!important; filter:alpha(opacity=40)!important; height: 15px !important; width: 17px !important; }
#site .editInlinePanel_footer a {height: 17px !important; width: 21px !important; display: block !important; float: left !important; padding-top: 4px !important;	padding-left: 4px !important;	border-right-width: 1px !important;	border-left-width: 1px !important;	border-right-style: solid !important;	border-left-style: solid !important;	border-right-color: #DFF8FF !important;	border-left-color: #DFF8FF !important; }
#site .editInlinePanel_footer a:hover {	background-color: #A9E0E0 !important;	border-right-width: 1px !important;	border-left-width: 1px !important;	border-right-style: solid !important;	border-left-style: solid !important;	border-right-color: #FFFFFF !important;	border-left-color: #66C8C8 !important; }
#site .editInlinePanel_footer a:hover img {	opacity: .9 !important;	-moz-opacity: .9 !important;	-khtml-opacity: 0.99 !important;	filter:alpha(opacity=99) !important; }

#site .red .editInlinePanelHeader span {background-color: #FF6347!important; padding: 1px !important; font-size: 11px !important;	color: #206060 !important; }
#site .red .editInlinePanel { border: solid 1px #FF6347 !important; text-align: left !important; display: block !important;	min-height: 15px !important;	padding-top: 5px !important;	padding-bottom: 0px !important; }
#site .red .editInlinePanel_footer { background-color: #FFDEAD !important; height: 21px !important; display: block !important;	clear: both !important; }


#site .addPanel {
	border: 3px solid #CCCCCC !important;
	background-color: #E3E3E3 !important;
	background-image: url(../media/images/add-new-element-bg.jpg) !important;
	background-repeat: repeat-x !important;
	background-position: 0px 0px !important;
	padding-top: 7px !important;
	padding-right: 7px !important;
	padding-bottom: 10px !important;
	padding-left: 7px !important;
	clear: both !important;
}
#site .addPanel a{
	color: #666666 !important;
	text-align: center !important;
	display: block !important;
	height: 35px !important;
	width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
	font-weight: bold !important;
	background-color: transparent !important;
	text-decoration: none !important;
}
#site .addPanel a:hover{
	color: #000000 !important;
	background-color: transparent !important;
	text-decoration: none !important;
}

#site .AddNewIcon {
	background-image: url(../media/images/add-new-module-icon.gif) !important;
	background-repeat: no-repeat !important;
	display: block !important;
	padding-top: 3px !important;
	color: #666666 !important;
	text-decoration: none !important;
	background-position: center 19px;
}


#site a.AddNewIcon:hover{
	background-color: transparent !important;
	color: #000000 !important;
	text-decoration: none !important;
}




/* CMS SIDE PANE- start ///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */



#cms_side .sitemapPane {
	background-color: #E2EAF0;
		/* RW - Commented out this was putting in a white margin on the left which didn't seem to make sense */
		/* margin-left: 25px; */
}
#cms_side .sitemapPane p {
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	color: #6F8EA6;
}
#cms_side .sitemapPane p strong{
	font-size: 16px;
	color: #496376;
}


#cms_side .site_map_buttons {
	border: 2px none #996600;
	font-size: 11px;
	color: #006666;
	margin-bottom: 6px;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	display: block;
	background-color: #FFFFFF;
	width: 70%;
	background-image: url(../media/images/btn-bg.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	height: 20px;
	background-position: left bottom;
	text-decoration: none;
}
#cms_side a.site_map_buttons:hover {
	background-color: #F8F8F8;
	background-image: none;
}

#cms_side .site_map_buttons img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#cms_side .site_map_link {
	border: 1px none #CCCCCC;
	font-size: 11px;
	color: #006666;
	margin-bottom: 6px;
	margin-left: 5px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	display: block;
		padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}

#cms_side a.site_map_link:hover {
	color: #FFFFFF;
	background-color: #55788B;

}


#cms_side .site_map_padding {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

#cms_side .checkbox_buttons {
	padding-left: 3px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #7CA5C2;
	margin-top: 3px;
	margin-left: 2px;
}






#cms_side .sitemapPane HR {
    /* mal to style */
}

#cms_side #sitemapHeader {
	background-image: url(../media/images/sitemapheader_bg.jpg);
	background-repeat: repeat-x;
	height: 64px;
	padding: 10px;
}

#cms_side #sitemapHeader h2 {
	color: White;
	font-size: 19px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

#cms_side #sitemapHeader p {
	font-size: 12px;
	color: #CCCCCC;
	margin-top: 0px;
}

#cms_side .sitemapInfoText {
    font-size: 12px;
    color: #5C8098;
}

#cms_side .sitemapNode {
    font-size: 11px;
    padding-left: 3px;
}

#cms_side .TreeNode 
{ 
	font-family: Tahoma;
	font-size: 8pt; 
	color: black;	
	padding-left: 3px;
	text-decoration: none;	
}

#cms_side .TreeNodeOver 
{
	font-family: Tahoma;
	font-size: 8pt;
	color: black;
	text-decoration: underline; 
	cursor: pointer;
	cursor: hand;
	padding-left: 3px;	
}

#cms_side .TreeNodeSelect 
{     
	font-family: Tahoma; 
	font-size: 8pt; 
	color: white; 
	background: #316AC5; 	
    cursor: pointer;
	cursor: hand;
	margin-left: 3px;
}

#cms_side .TreeNodeDisabled
{ 
	font-family: Tahoma;
	font-size: 8pt; 
	color: gray;	
	padding-left: 3px;
	text-decoration: none;
	cursor: default;
}

#cms_side .TreeNodeEdit 
{
  border:1px gray solid;
  font-family: tahoma; 
  font-size: 8pt;
  margin-left: 4px;  
}

#cms_side .LoadingMessage
{
	font-family: Tahoma; 
	font-size: 8pt; 
	background:LemonChiffon; 
	border: solid 1px;
	padding: 2px;
}

#cms_side .LoadingMessageBlue
{
	font-family: Tahoma; 
	font-size: 8pt; 
	color: Blue;
	padding: 2px;
}


.TreeContextItem
{ 
	font-family: Arial;
	font-size:10px;
	cursor: pointer;
	cursor: hand;
	padding-left:4px;
	height:24px;
	width:100%; 
	text-align: left;
		
    background-color: #39414E;
	color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
 
#cms_side .TreeContextItemOver
{
	font-family: Arial;
	font-size:10px;
	cursor: pointer;
	cursor: hand;
	padding-left:4px;
	height:24px;
	width:100%; 
	text-align: left;
	   
	background-color: #39414E;
	color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
 
#cms_side .TreeNodeEdit 
{
	border:1px gray solid;
	font-family: tahoma; 
	font-size: 8pt;
	margin-left: 3px;  
	text-align: left;
}




/* CMS PAGE COMPONENTS- start ///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */


#titleBread {
}

#contentcenter {
}

.BreadCrumbHolder {
	padding-top:5px;
	color:#666666;
	margin-bottom: 15px;
}

.BreadCrumbHolder a {
	color:#666666;
}

.BreadCrumbHolder a:hover {
	color:#000000;
}

/* SITEMAP ************************************************/




/* ENDS ///////////////////////////////////////////////////////////////////////// */


/* CMS STATUS BOXES ///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
#STATUS-MESSAGE-BOXES-----------------------------------------------------{}

#cms_header .headerStatusBox, #page-edit .headerStatusBox {
	height: 31px;
	width: 100%;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	border-top: solid 3px White;
	border-bottom: solid 3px White;
	line-height: 31px;
}

#cms_header .headerStatusBoxGreen, #page-edit .headerStatusBoxGreen {
    background-image: url(../media/images/pageedit-message-correct.jpg);
    background-repeat: repeat-x;
}

#cms_header .headerStatusBoxYellow {
	background-image: url(../media/images/pageedit-message-draft.jpg);
	background-repeat: repeat-x;
	color: #806600;
}
#cms_header .headerStatusBoxYellow a{
	color: #000000;
}
#cms_header .headerStatusBoxRed, #page-edit .headerStatusBoxRed {
    background-image: url(../media/images/pageedit-message-warning.jpg);
    background-repeat: repeat-x;
}

#cms_header .headerStatusBoxBlue {
    background-image: url(../media/images/pageedit-message-info.jpg);
    background-repeat: repeat-x;
}







 .ApplyPosition {
    position:relative;
}               

#RAD_SPLITTER_PANE_CONTENT_ctl00_ctl00_ctl00_LeftPane, 
#RAD_SPLITTER_PANE_CONTENT_ctl00_ctl00_ctl00_RightPane {
    position: relative;
    z-index: 2;
} 






/* META DATA FORMS IN THE 'LIVE SITE' HEADER ///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
#META-DATA-FORMS-----------------------------------------------------{}


#cms_header #metaEditContainer ol{
	margin: 0;
	padding: 0;
	list-style-type: none;

}


#cms_header #metaEditContainer li{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	list-style-type: none;
	display: block;
	clear: both;
}

#cms_header #metaEditContainer label{
	display: block;
	vertical-align: top;
	width: 120px;
	float: left;
	font-size: 0.9em;
}




#cms_header #metaEditContainer fieldset {
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../media/images/fieldset-header-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: Transparent;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}
#cms_header #metaEditContainer legend{
	font-weight: bold;
	display: block;
	font-size: 14px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	color: #55788B;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #55788B;
}


#cms_header #metaEditContainer .formItem, #cms_header #metaEditContainer .formItemMultiLine, #cms_header #metaEditContainer .formDrop {
	width: 220px;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../media/images/form-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-left: 3px;
	padding-top: 2px;
	font-size: 13px;
}

#cms_header .location {
	background-image: url(../media/images/DropArrow.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding-left: 20px;
	width: 200px;
	cursor: pointer;
	color: #003333;
}


#cms_header #metaEditContainer .formItemMultiLine   {
	height: 50px;

}


#cms_header #metaEditContainer .formButton {
	background-color: #4E5969;
	margin-left: 10px;
	color: #B0B8C6;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 23px;
}



#cms_header #metaEditContainer .formButtonNegative {
	height: 23px;
	background-color: #CCCCCC;
	border: 2px solid #CCCCCC;	
	margin-left: 10px;
	color: #666666;


}


#cms_header .formButtonDiv {
	text-align: right;
	clear: both;
}


/*EXPANDING TEXTAREA STYLES ///////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////*/

textarea.expanding {
	line-height: 16px;
	min-height: 84px;
}

/*
.RadM
enu_MainMenu li a {
	position: static !important;
}

.RadSplitter_Default .pane div,
.RadSplitter_Default .paneHorizontal div
{
    position: relative;
}    
*/





.formLabel{
width: 200px;
display:block;
float: left;
}


/*OLD STYLES ///////////////////////////////////////////////////*/
/*





.statusBox {
	border: 1px solid #CCCCCC;
	margin-bottom: 12px;
	min-height:70px;
	height:auto;
	margin-top: 10px;
	background-repeat: no-repeat;
	background-position: 10px 8px;
	padding-left: 70px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	max-width: 89%;
}
.statusBox p{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.statusBox h4{
	font-size: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;

}


* html .statusBox {
height: 50px;
}


.statusBoxCorrect {
	background-color: #E0F8C0;
	color: #006633;
	background-image: url(../media/images/icon-statusbox-correct.jpg);
	border: 1px solid #006633;
}

.statusBoxIncorrect {
	background-color: #FFD9D9;
	color: #990000;
	background-image: url(../media/images/icon-statusbox-incorrect.jpg);
	border: 1px solid #990000;
}

.statusBoxIncorrect p{
	color: #990000;
}

.statusBoxInfo {
	background-color: #FFFFFF;
	color: #3690C4;
	background-image: url(../media/images/icon-statusbox-info.jpg);
	border: 1px solid #91C9E4;
}

.validationBoxIncorrect {
	background-color: #FFD9D9;
	color: #990000;
	background-image: url(../media/images/icon-statusbox-incorrect.jpg);
	background-repeat:no-repeat;
	border: 1px solid #990000;
	
	
	
	
	
	
*/