/*
	Colours
	NewBlue:  #0686B5
*/


/* Site Wide Settings */


/* --------- Form Area */
/*
.form 
{
	background-color:#EFEFEF;
}
.form table 
{
}
.form td 
{
	padding-right:10px;
	padding-bottom:5px;	
}
.form h1 
{
	background: #0686B5;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin:0px;
	padding:10px;
	height:20px;
}
.form h2 
{
	padding-left:0px;
	margin-bottom:5px;
}
.form h3, .form td h3
{
	margin-top:5px;
	margin-bottom:0px;
	color:#666666;
}
.formColNotes
{
	color:#666666;
	font-size:11px;
}
.formColObjects 
{
	width:250px;
}
.formObj 
{
	width:250px;
	font-size:12px;
	color:#333333;
	font-family:Arial, Verdana;
	padding:2px;
}
.formBody 
{	border-top:solid 3px #A0A0A0;
	border-bottom:solid 3px #A0A0A0;
	padding:10px;
}
.formButtonArea 
{
	padding:10px;
	background-color:#DFDFDF;
}

*/
/* --------- Helpers */
.clearer {
	clear:both;
}


/* --------- Grids --------- */
.gridView 
{
	border: solid 1px #a7a7a7;
}
.gridView th 
{
	background-color: #cccccc;
	border: solid 1px #a7a7a7;
	padding:5px;
}
.gridView td
{
	padding:5px;
	border: solid 1px #a7a7a7;
	background-color:#FAFAFA;
}


/* --------- Notification Boxes --------- */

.warningBox /* used for BAD things, so red or strong colour */
{
    background-color: #FFCCCC;
    border: 1px solid #FF0000;
    padding: 10px;
    margin:10px 0px 10px 0px;
}
.successBox /* used for GOOD things, but when something has happend, so strong GOOD colour like Green */
{
    background-color: #CCFFCC;
    border: solid 1px green;
    padding: 10px;
    margin:10px 0px 10px 0px;
}
.noticeBox /* used for notices, so not error or Bad, but take note, so something like Orange */
{
    background-color: #FFFFCC;
    border: 1px solid #FF9933;
    padding: 10px;
    margin:10px 0px 10px 0px;
}

.warning       /* used for BAD things, so red or strong colour */
{
    color:Red;
    font-weight:bold;
    padding:10px 0px 10px 0px;
}
.notification  /* used for GOOD things, but when something has happend, so strong GOOD colour like Green */
{
    color:Green;
    font-weight:bold;
}
.ajaxUpdate /* container for any ajax updates */
{
    color:Green;
    font-size:13px;
}

/* For Security Module */
/*
    lime green: #B4E401
    Standard Background Grey: #1A1A1A
    Highlight Grey: #3A3A3A;
    link blue: #66CCFF
    orange progress: #FF9900

*/
.loginBox
{
    text-align: left;
    color: #FFFFFF;
    background-color: #1A1A1A;
    border: solid 4px #3A3A3A;
    padding: 20px;
    font-family: Verdana;
    font-size: 11px;
    width:300px;
}
.loginBox a
{
    color: #66CCFF;
    text-decoration: underline;
}
.loginBox a:visited 
{
    color:#66CCFF;
}
.loginBox a:hover 
{
    color:#66CCFF;
    text-decoration:none;
}
.loginBox p 
{
    color:white;
}
.loginBox h2 
{
    font-size:15px;
    padding-bottom:5px;
    padding-top:10px;
}
.loginBox .warningBox 
{
    color:#666666;
}
.loginBox .noticeBox 
{
    color:#666666;
}
.loginBoxAjaxUpdate 
{
    background-color:#3A3A3A;
    color:#FF9900;
    text-align:left;
    width:300px;
    border: solid 4px #3A3A3A;
    padding: 0px 20px 4px 20px;
    font-family: Verdana;
    font-size:9px;
}
.loginBox .textbox
{
    font-family: Verdana;
    font-size: 11px;
    color:#666666;
    width:200px;
}
.loginForgotPassword 
{
    float:right;
}
.loginImage 
{
    padding-bottom:5px;
}
.hrule 
{
    padding:5px 0px 5px 0px;
}
/* End Security Module */

.inactiveBackgroundBox  /* used to disable the background so you can put a notification message on top */
{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);                              /* IE */	
	background-color:#000000;
	z-index:99;
}

/* --  For Voola which shows as the footer always, not just in edit mode -- */
.VoolaAdmin_Footer 
{
    /*
    border-top:solid 1px white;
    border-bottom:solid 1px white; */
    background-color:white;
    color:#CCCCCC;
    width:100%;
    text-align:center;
    font-family:Arial;
    font-size:10px;
}
.VoolaAdmin_Footer div
{
    padding:10px;
}
.VoolaAdmin_Footer:hover
{
    /*
    border-top:solid 1px #CCCCCC;
    border-bottom:solid 1px #CCCCCC; 
    background-color:#F8F8F8;*/
    color:#666666;
}
.VoolaAdmin_Footer a
{
    color:#CCCCCC;
}
.VoolaAdmin_Footer a:visited
{
    color:#CCCCCC;
}
.VoolaAdmin_Footer:hover a
{
    color:#999999;
}


.VoolaAdmin_ContentPageProperties
{
    text-align:left;
    color: #333333;
    background-color: #EEEEEE;
    border-top: solid 4px #CCCCCC;
    padding: 10px;
    font-family: Arial;
    font-size: 10px;
    /*
    background-color:#1A1A1A;
    border-top:solid 2px #FEC20F;
    padding:10px;
    text-align:left;
    font-family:Arial;
    font-size:11px;
    position:relative;
    top:10px;*/
}
.VoolaAdmin_ContentPageProperties td
{
    color: #333333;
}
.VoolaAdmin_ContentPageProperties h2
{
    font-size:14px;
    color:#000000;
}
.VoolaAdmin_ContentPageProperties .textbox
{
    font-size:12px;
    color:#333333;
    width:300px;
}
.VoolaAdmin_ContentPageProperties hr
{
    border: solid 1px #CCCCCC;
    width:100%;
}
.VoolaAdmin_ContentPageProperties .required
{
    color:Red;
}