@import url(../StyleSheet.css);

body 
{
    text-align: center;
    margin: 0 0 50px 0;
    background: #E3E3E3 url(Canvas/MainBodySync.jpg) top center repeat-y;
}
.clear { clear: both; }
.enginePage 
{
    margin: 0px 0px;
}
table.engineTable td
{
    padding: 5px;
}
#canvas  
{
    width: 844px; 
    margin: 0 auto;
    text-align: left;
}
#header 
{
    padding: 10px 0;
    width: 100%;
    overflow: hidden;
}
#headerLogo { float: left; width: 210px; }
#content { margin: 0 0 2px 0; padding: 2px 0 0 0; width:100%; overflow: hidden; min-height:460px; }
/*#content table { margin: 0 0 2px 0; padding: 2px 0 0 0; width:100%; overflow: hidden; padding-bottom:150px; }*/

/**** Main Tool **************************************************************/
ul#mainTool, ul#mainTool li { margin: 0; padding: 0; list-style-type: none; }
ul#mainTool { float: right; padding: 11px 60px 0 0; }
ul#mainTool li 
{
    float: left;
    border-right: 1px solid #c4c4c4;
    margin: 0 15px 0 0;
    padding: 0 15px 0 0;
}
ul#mainTool li.last { margin: 0; padding: 0; border: 0; }
ul#mainTool li a 
{
    text-transform: uppercase;
    display: block;
    height: 12px;
    overflow: hidden;
    position:relative;
    float: left;
}
ul#mainTool li a:hover img, ul#mainTool li.selected a img
{
    position: relative; top: -12px;
}

/**** Footer **************************************************************/
#footer { color: #888888; font-size: .9em; line-height: 1.1em; border-top: 1px solid #e6e6e6; padding: 10px 0; }
#footer ul, #footer ul li { margin: 0; padding: 10px; list-style-type: none; }
#footer ul li
{
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}
#footer ul li { border-right: 1px solid #888; }
#footer ul.links { width: 400px; float: left; }
#footer ul.links li { float: left; }
#footer ul.terms { float: right; }
#footer ul.terms li { float: left; }
#footer p.copyright { float: right; padding: 10px 15px 0 0; }
#footer li.last { margin: 0; padding: 0; border: 0; }

table.pagerFrame
{
    margin: 10px;
    width: 100%;
}
table.pagerFrame td, th
{
    border: dashed 0px #ccc;
    empty-cells: show;
}

table.pagerFrame td.alternate
{
    background-color: #E6E6E6;
}

/*** Modal ***/
#control_overlay {
	background-color:#000;
}

.modal {
	background-color:#fff;
	padding:10px;
	border:1px solid #333;
}
#modal_container {
	background-color: Transparent;
	border: solid 1px #000000;
}
#modal_overlay {
	background-color: #ccc;
}

#modal_image {
	padding: 10px;
	border: 0px solid #333;
	padding-bottom: 35px;
	background-color: White;
}
.error
{
    font-weight: bold;
    color: Red;
}
.error a
{
    color: Red !important;
    text-decoration: underline;
}
.errorPane
{
    margin: 0 0 1em 0;
}