/* 
******************************************************************
Color Palate:
1. Brown
    1.a Light Brown = #9f8668
    1.b Medium Brown = #543e24
    1.c Dark Brown = #342512
    1.d Dark Text Brown = #21180d
    1.e Light Text Brown = #cab397
2. Burgundy 
    2.a Dark Burgundy = #4E0202
    2.b Text Burgundy = #5b0a0a
3. Gray 
    3.a Dark Text = #3A3A3A
    3.b Link Text = #4A4A4A
    3.c Body Text = #797979
    3.d Light Text = #CCCCCC

******************************************************************
*/

html, form {
	margin:0;
	padding:0;
	min-height:100%;
}
body {
	min-height:100%;
	height:100%;
 	*font-size:small;
	margin:0;
	padding:0;
	font-family:Verdana;
	font-style:normal;
	font-size:11px;
	line-height:18px;
	color: #3A3A3A;
	background: url(/Images/b-slice.jpg) repeat-x top #9f8668;
	background: -moz-linear-gradient(top, #342512 0%, #543e24 50%, #9f8668 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#342512), color-stop(50%,#543e24), color-stop(100%,#9f8668)); /* webkit */
    
}
#page {
	margin:0px auto;
	width:80%;
	padding:0; margin:0px auto;
	position:relative;
	z-index:1px;
	min-width:980px;	
}
#header 
{
    position:relative; height:70px; margin:0; padding:0;
}
		.tk-atrament-web {
			font-family:Verdana;
			font-style:normal;
		}
		.wf-loading .tk-atrament-web {visibility:hidden;}
		.wf-active .tk-atrament-web {visibility:visible;}
		.wf-inactive .tk-atrament-web {visibility:visible;}
		
#globalNav {position:absolute; top:20px; right:25px; font-family:Verdana; font-size:11px;}
#content 
{
    position:relative;
	background:#ffffff;
	border:1px solid #d4d4d4;
	padding:2%;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	min-height:500px;
	min-width:940px;
}
h1 
{
	padding:0; margin:0;
	font-weight:normal;
	font-size:38px;
	line-height:40px;
	text-align:left; position:relative; bottom:-24px;
	color:#5b0a0a;
	}
	span.title {font-size:28px;}
h2 
{
	padding:0 24px 0 0; margin:2px 0 8px 0;
	font-size:24px;
	font-weight:normal;
}
h3, .templateHeader 
{
    	font-family:Verdana, Geneva, sans-serif;
		font-weight:bold;
		font-size:13px;
		color:#000;
		text-transform:uppercase;
		clear:left;
    }
    .templateHeader {padding-bottom:10px;}
    span.steps {text-transform:none; font-style:italic; font-family:Georgia; color:#c9743b; font-size:13px;}
    #content-area p {
		font-style:normal;
		font-size:12px;
		line-height:18px;
		font-weight:normal;
	    color :#797979;
	    margin:0px 0 12px 0;
	    padding:0 24px 0 0; 
		}

a:hover, a:active {
	outline: none;
}
a, a:active, a:visited {
	color: #4A4A4A;
	text-decoration:underline;
}
a:hover {
	color: #000000;
}
#adminTop {
	margin:0 0 16px 0;
	padding-bottom:16px;
	border-bottom:1px solid #d4d4d4;
}
#footer 
{
    font-family:Verdana, Arial, Sans-Serif;
	margin:8px 10px;
	font-size:11px;
	text-align:center;
}
#footer p {color:#342512;}
#footer p a {color:#342512;}
#footer p a:hover {color:#21180d;}
.alt {
	background:#d4d4d4;
}


/* Signed In */
p.signed-in {color:#FAFAFA; text-align:right; margin:0 12px 0 0; padding:30px 0 6px 0; font-size:11px; line-height:18px;}
p.signed-in a {color:#FAFAFA; text-decoration:underline;}
p.signed-in a:hover {color:#cab397; /* Light Brown text */}

/* Breadcrumb Styles */
p.breadcrumb {border-bottom:1px solid #CCC; border-top:1px solid #CCC; margin:0 0 14px 0; clear:both; line-height:26px; font-family:Verdana; font-size:11px; color:#5b0a0a;}
p.breadcrumb a {text-decoration:none; color:#5b0a0a;}
p.breadcrumb a:hover {color:#9f8668;}
p.breadcrumb a.current {color:#BFBFBF;}
/*p.breadcrumb a.home {color:#5b0a0a}*/

#overflow-hidden {overflow:hidden; position:relative; min-height:500px;}
/* Left Side Menu */
#menu {float:left; width:18%; margin-bottom:-500px; padding-bottom:500px; white-space:normal;}
/* Main Content Area */
#content-area {float:left; width:78%; margin-bottom:-500px; padding-bottom:500px; padding-top:8px; margin-left:1%; padding-left:1%;}
.createdModified {font-style:italic; font-size:10px; color:#797979; white-space:nowrap;}

/* User Search */
#user-search {font-size:11px; font-weight:bold; color:#5A5A5A;}

/* Login In Box */
#login 
{
  margin:0px auto; margin-top:50px; width:480px; position:relative; padding:1%;
  /*background: #eee;
  background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));*/
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;}


/* Curled Corners */
        #wrapper {
            position:relative;
            z-index:1;
            margin:0 auto;
        }
        #wrapper:after {
            content:"";
            display:block;
            clear:both;
            visibility:hidden;
        }

        

        /* Shared styles */
        .drop-shadow {
            position:relative;
            background:#fff;
            /*-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
              -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
        }
        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
        }
        /* Lifted corners */
        .lifted {
            -moz-border-radius:8px; 
                 border-radius:8px;
        }
        .lifted:before,
        .lifted:after { 
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }   
        .lifted:after {
            right:10px; 
            left:auto;
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                -ms-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }


/**/
.sort-search {width:98%; border-collapse:collapse;} 
.sort-search td {padding:2px 0; text-align:left;}

.wsGridPager {width:100%; margin:0; padding:0;}
.wsGridPager td {padding:0; margin:0;}
.wsGridPager table {margin:0px auto;}
.wsGridPager table td {padding:0 5px; text-align:center; width:80px;}
.wsGridPager table td.controls {width:12px;}

/* Form Layout Styles */
.form {margin:0px auto; padding:0 20px 10px 0; float:left;}
.ie7 .form {width:550px;}
.label-thin {width:68px; height:20px; line-height:20px; float:left; clear:left; margin:3px 0; text-align:right; padding-right:10px;}
.label {width:100px; height:20px; line-height:20px; float:left; clear:left; margin:3px 0; text-align:right; padding-right:10px;}
.label-wide {width:160px; height:20px; line-height:20px; float:left; clear:left; margin:3px 0;text-align:right; padding-right:10px;}
.header {padding-top:12px;}
.multiline {height:53px;}
.multiline80 {height:85px; margin-top:5px;}
.buttons {padding:5px 0;}
.form-item {float:left; height:20px; line-height:20px; margin:3px 0;}
.form-item img {border:solid 1px #999; max-width:178px;}
.validator {float:left; height:20px; line-height:20px; margin:2px 0; padding-left:2px; padding-left:5px; color:Red;}
.validator span {color:Red; font-weight:normal; font-size:11px; padding-left:5px;}

.logo {height:80px; width:198px; margin-top:10px; margin-bottom:8px;}
.logoUpload {max-width:198px;}
.logoAddRemove {height:80px; margin-top:8px; margin-bottom:8px;}
 
/*
<div class="form">
    <div class="label-wide"></div>
    <div class="form-item"></div>
    <div class="validator"></div><br />
</div>
*/

/* Advanced Search Styles */
    .tab {width:100%; margin-top:10px;}
	ul.advanced {margin:0px auto; list-style:none; padding:0; }
	ul.advanced li#toggle a {font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:11px; color:#700000; display:block; text-decoration:none; text-align:center; cursor:pointer; padding-right:20px;}
		ul.advanced li#toggle a img.open {margin-bottom:-1px;}
		ul.advanced li#toggle a img.close {margin-bottom:-3px;}
		
/* Advanced Search Table */
.advancedSearch {width:100%; background-color:#e2e2e2; margin-top:8px; padding:2%; font-size:10px;}
.advancedSearch td {padding:0; text-align:left;}
.advancedSearch th {font-weight:bold; text-align:left; padding:5px 10px 0px 12px;}

.advancedInner {width:100%;}
.advancedInner td {padding:4px;}
.advancedInner th {}

span.rdoLists {line-height:18px; margin:0px; padding:0 12px;}
span.rdoLists input[type="radio"] {padding:0; margin:0; line-height:18px;}
span.rdoLists label {padding:0 20px 0 5px; line-height:18px;}

span.rdoList {line-height:18px; margin:0px; padding:0 12px;}
span.rdoList input[type="radio"] {padding:0; margin:0; line-height:18px;}
span.rdoList label {padding:0 0 0 3px; line-height:18px;}

.bdrRight {border-right:solid 3px #eee;}
.bdrTop {border-top:solid 3px #eee;}
.bdrBottom {border-bottom:solid 3px #eee; padding-bottom:4px;}
.chkScrollBars {height:135px; overflow:auto; margin:5px 10px 10px 10px; border:solid 1px #CCC;}

table.chkBoxList {background-color:#eee; width:100%;}
table.chkBoxList td {padding:1px 20px 1px 10px; border-bottom:solid 1px #e2e2e2;}

.wsGrid {width:100%; border:none; margin:0 0 20px 0; clear:left;}
.wsGrid th {text-align:left; font-weight:bold; padding:2px 4px;}
.wsGrid td {padding:2px 4px;}
.wsGrid input[type="submit"], .wsGrid input[type="button"] {padding:1px 8px; font-family:Verdana; font-size:11px;}
.cityTable {padding-left:70px;}

.logo {height:80px; width:198px; margin-top:10px; margin-bottom:8px; }
.logoAddRemove {height:80px; margin-top:8px; margin-bottom:8px;}