/********************************************/
/* GLOBAL RESETS							*/
/*******************************************/
* {margin:0; padding:0;}
a {text-decoration:none;}
a img {border:none;}
ul {list-style:none;}

body {text-align:center;}
#page {width:970px; margin:0 auto; text-align:left;}

h1{margin:5px 0;}
h2{margin:10px 0 5px 0;}

/********************************************/
/* HEADER									*/
/********************************************/
#header {height:112px;}
#header img {display:block;}
.logo {float:left; width:211px; margin:2px 0 0 2px;}
p#banner-tag {float:left; width:100px; margin:50px 0 0 10px;}
#contact-info {float:right; height:97px; width:515px; margin-right:25px; display:inline;}

/********************************************/
/* TOP NAVIGATION							*/
/********************************************/
#case-links {margin-left:10px; border}
#case-links li {float:left; margin:0px;}
#case-links li a {display:block; width:156px; height:43px;}
	
/********************************************/
/* MAIN NAV BOXES							*/
/********************************************/
.nav-box {width:287px; height:197px; float:left; margin:15px 12px 0 15px; _margin:15px 17px 0 10px;}
.nav-box li.title, .nav-box#general li.title {margin:0 20px 10px 0; padding:15px 0 0 10px;}
.nav-box li {margin:0 1px 0 127px; line-height:15px;}
.nav-box li a {padding:2px 5px; position:relative;}

.nav-box li a img {display:none; .margin-top:1px;}
.nav-box li a:hover img, .nav-box li a.current-page img, .nav-box li a img.image1 {display:block; position:absolute; top:0; left:-125px; _left:-130px; z-index:0;}

.nav-box li a:hover img.image1, .nav-box li a.current-page img.image1 {top:0px; z-index:1;}
.nav-box li a:hover img.image2, .nav-box li a.current-page img.image2 {top:-35px; z-index:1;}
.nav-box li a:hover img.image3, .nav-box li a.current-page img.image3 {top:-70px; z-index:1;}
.nav-box li a:hover img.image4, .nav-box li a.current-page img.image4 {top:-105px; z-index:1;}

.nav-box li a.current-page img.image1 {top:-0px; z-index:0;}
.nav-box li a.current-page img.image2 {top:-35px; z-index:0;}
.nav-box li a.current-page img.image3 {top:-70px; z-index:0;}
.nav-box li a.current-page img.image4 {top:-105px; z-index:0;}

.nav-box#general li {margin:0 2px;}
.nav-box#general li a {height:30px;}

/********************************************/
/* LEFT COLUMN								*/
/********************************************/
#left-col {float:left; margin-left:15px; display:inline;}
.login-box, .news-box {width:157px; height:194px; margin-top:15px;}
.login-box li.title, .news-box li.title {margin:0 20px 8px 0; padding:15px 0 0 10px;}
.login-box li.status {padding:2px 5px; line-height:25px;}
.login-box li {margin:0 2px;}
.news-box li {padding:3px 2px;}
.login-box li a, .news-box li a {padding:2px 5px; display:block;}

/********************************************/
/* BANNERS /ADVERT							*/
/********************************************/



/********************************************/
/* LEFT COLUMN								*/
/********************************************/


/********************************************/
/* PAGE CONTENT								*/
/********************************************/
#main-content {padding-bottom:20px;}

#content {margin:0 10px;}

#copy-container {float:left; margin:15px 0 0 15px; width:737px; display:inline;}
#copy {margin:20px;}

#copy p {padding:7px 0;}
#copy p.tag {margin:15px 0; padding:5px;}

#copy ul li {margin-left:20px; padding:0px 0 0px 10px;}
#copy ol {margin-left:20px;}
#copy ul {margin:10px 0;}
#copy dl dd {margin:0 0 5px 0;}
.page-image {float:right; padding-top:5px;}

.split-page1{width:330px; float:left; padding-right:15px; border-right:1px solid #ccc; display:inline;}
.split-page2{width:330px; padding-left:15px; float:right; display:inline;}

ul.sitemap {width:220px; float:left;}
#copy ul.sitemap li.title {padding:0; margin:0;}

/********************************************/
/* APPLICATION FORMS						*/
/********************************************/
#copy-container {min-height:400px; _height:400px;}

#left-copy {width:420px; padding-right:15px; border-right:1px solid #ccc;}

#copy ul.form {margin:10px 0; padding:15px;}
#copy ul.form li {list-style:none;}
#copy ul.form li.title {padding-bottom:10px;}

input.app_input_text {width:250px; margin:1px 0; .margin:0;}
li label {float:left; width:250px; clear:both;}
li.submit-button input {margin:10px 0 0 200px;}
.radio input {.float:left;}
.radio label {width:200px; float:right; padding-left:10px;}

#login.form li label {float:left; width:80px; clear:both;}

/********************************************/
/* FOOTER									*/
/********************************************/

#disclaimer p {padding:0 15px 10px;}
#footer {clear:both; margin:10px 10px;}
#footer ul {height:20px; padding:10px;}
#footer ul li {display:inline;}

/**********************************************
 * WHITELABEL
 **********************************************/

#whitelabel-steps td {padding:0 2px;}

a.enlarge {position:relative; cursor:default; z-index: 0;}
.enlarge img {border:1px solid #000 !important;}
a.enlarge img.large-image {visibility:hidden; display:none; position:absolute; top:-70px; left:-320px; border:1px solid #000 !important; z-index:25;}
/*a.enlarge:hover img.large-image {visibility:visible; z-index:999;}*/
#toolbox-text{margin-left:250px;}
#create-whitelabel{padding:10px; clear:right;}
#create-whitelabel table table td{width:150px;}

/**********************************************
 * DISPLAY TOOL TIPS
 **********************************************/
a.tooltip {position:relative; cursor:help;}
a.tooltip:hover {z-index:25; color:#000;}
a.tooltip span {display:none;}
a.tooltip:hover span {display:block; position:absolute; padding:5px; top:-20px; left:100px; width:200px;}

a.Cheshire, a.Berkeley, a.Fairfield, a.Rockwell
{
	position:relative;
	cursor:default;
	z-index:0;
}

a.Cheshire .template
{
	display:none;
	position:absolute;
	height:351px;
	width:400px;
	background:url(../WhiteLabel/images/screenshots/cheshire.jpg) top left no-repeat;
	border:1px solid #333;
}

a.Berkeley .template
{
	display:none;
	position:absolute;
	height:272px;
	width:400px;
	background:url(../WhiteLabel/images/screenshots/berkeley.jpg) top left no-repeat;
	border:1px solid #333;
}

a.Fairfield .template
{
	display:none;
	position:absolute;
	height:315px;
	width:400px;
	background:url(../WhiteLabel/images/screenshots/fairfield.jpg) top left no-repeat;
	border:1px solid #333;
}

a.Rockwell .template
{
	display:none;
	position:absolute;
	height:304px;
	width:400px;
	background:url(../WhiteLabel/images/screenshots/rockwell.jpg) top left no-repeat;
	border:1px solid #333;
}


a:hover.Cheshire .template{ display:block; position:absolute; top:-402px; left:-170px;}
a:hover.Berkeley .template{	display:block; position:absolute; top:-402px; left:-410px;}
a:hover.Fairfield .template{ display:block; position:absolute; top:-402px; left:-290px;}
a:hover.Rockwell .template{	display:block; position:absolute; top:-402px; left:-530px;}