/*
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
*/

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
{
    display: table-cell;
    background: transparent;
    width: 581px;
    vertical-align: top;
    top: 0px;
    padding: 5px;
    padding-bottom: 35px;
}

/*
end content wrapper
*/

/*
footer
*/

/*
end footer
*/

/* Sinc8 Overrides */

div#imagelibrary
{
	border:1px solid #FFFFFF;
	height:500px;
	width:1000px;
}

div#imagelibrary div#imagepreview
{
	background-color:#FFFFFF;
	height:374px;
	left:-192px;
	overflow:scroll;
	position:relative;
	top:0;
	width:270px;
}

div#filelibrary ul {
background-color:#BBBBBB;
display:block;
list-style:none outside none;
margin:0;
padding:0;
width:245px;
}

div#filelibrary {
border:1px solid #FFFFFF;
height:500px;
width:947px;
}

#filelibrary a
{
	color: #fff !important;
}

div#imagelibrary div#uploadimage {
height:343px;
left:-192px;
position:relative;
width:269px;
}

/* End Sinc8 Overrides */