/*
classes.css

This contains all the classes used by the website other than those defined in default.css
Typically this will include header and footer css as well as any styles required by any bespoke areas of the website
*/

.template_right {float:right; width: 300px;}

.template_left {float:left; width:360px;}

/* Form Title */

div.form div.form_subgroup p
{
    border-bottom: 1px dashed #AAAAAA;
    margin: 0 0 0 35px;
    padding: 5px;
    width: 225px;
}

/* End Form Title */


div#imagelibrary div#uploadimage {
    background-color: #FFFFFF;
    clear: none !important;
    height: 374px !important;
    overflow: auto;
    top: 0;
    width: 355px !important;
}

html, body
{
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

body
{
    margin: 0px;
    padding: 0px;
    background-color: #333333;
}

div#contentbackground
{
    margin: auto;
    min-height: 100%;
    width: 780px;
    background-color: white;    
    background-image: url(../images/gr-contentbg.jpg);
    background-position: bottom right;
    background-repeat: repeat-y;
}

div#container
{
    margin: auto;
    width: 780px;
    background: transparent;
    background-position: left;
    background-repeat: repeat-y;
}

div#header
{
    background-color: #666688;
    color: #ffffff;
    top: 0px;
    padding: 0px;
    margin: 0px;
    height:  70px;
    z-index: 100;
    margin: auto;
}

div#header div#header_flash
{
    float: right;
    padding: 0px;
    margin-top: -5px;
}

div#header p
{
    margin: 0px;
    padding: 20px 0px 0px 20px;
    color: #ffffff;
    font-weight: 400;
    font-size: 24px;
}

div#contenttable
{
    display: table;
}

/*
main side menu
*/

div#menu
{
    position: relative;
    display: table-cell;
    width: 187px;
    left: 0px;
    top: 0px;
}

div#menu ul
{
    width: 187px;
    display: block;
    color: #ffffff;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 36px;
}

div#menu ul li
{
    display: block;
    color: #ffffff;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#menu ul li a
{
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    padding: 5px 5px 5px 15px;
    margin: 0px;
}

div#menu ul li a:hover
{
    color: #ffffff;
    background-color: #777671;
}

div#menu ul li.selected
{
    display: block;
    color: #ffffff;
    background-color: #777671;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#menu ul li.selected ul
{
    background-color: #a19e97;
    padding: 0px;
    margin: 0px ;
}

div#menu ul li.selected ul li
{
}

div#menu ul li.selected ul li a
{
    font-size: 11px;
    font-weight: 400;
    padding: 5px 5px 5px 30px;
    margin: 0px;    
}

div#menu ul li a ul li.selected
{
    color: #333333 !important;
    background-color: #dddddd !important;
}

/*
end main side menu
*/

div#content
{
	background:none repeat scroll 0 0 transparent;
	/*display:table-cell;*/
	float:right;
	padding:5px 5px 35px;
	top:0;
	vertical-align:top;
	width:685px;
}

/*
end content wrapper
*/

/*
footer
*/

div#footer
{
    width: 780px;
    margin: 0 auto;
    display: block;
    height: 35px;
    background-color: #eeeeee;
    margin-top: -35px;
    position: relative;
    padding: 0px;
    clear: both;
}

div#footer p
{
    padding: 10px 0px 0px 20px;
    font-size: 11px;
    color: #666666;
}

/*
end footer
*/




/* Tables */

table.menutable tr td

{

	border: 1px solid #000000;

	background-color:#D2E67D;

	padding: 5px;

	vertical-align: top;
	color: #000;

}



table.menutable tr.menutableheading

{

	background-color: #9594CD;

	color: #E13B28;

	font-weight: 700;

}



table.menutable tr.menutableheading td

{

	border: 1px solid #000000;
	color:#fff;
	background-color: #53AFFC;

}

/* End Tables */

/* Sinc8 Overrides */

div.form div.form_subgroup ul.formitems li label
{
	display:block;
	float:left;
	padding:5px;
	width:190px;
}

/* End Sinc8 Overrides */