﻿/* CSS Document */


#wrapperAddress {
	width: 1025px;
	/* [disabled]padding: 0 10px; */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px;
}

#footerAddress  {
	height: 30px;
	width: 1025px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}


/*body{
background-color: #ffffff;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
margin: 0;
}*/

img{
margin: 0;
padding: 0;
border: none;
}

h1{
padding: 0;
margin: 0;
font-size: 16px;
color: #666699;
}

h3{
padding: 0;
margin: 0;
font-size: 16px;
color: #666699;
}

p{
padding: 0;
margin: 0;
line-height: 16px;
}

ul{
margin: 0;
padding: 0;
list-style: none;
}

ol{
padding: 0;
margin: 5px 30px;
}

a:link{
	color: #6c6c6c;
}

a:visited{
	text-decoration: underline;
	color: #6c6c6c;
}

a:hover{
	/* [disabled]text-decoration: underline; */
	color: #FF9721;
}

.directoryTable a:link{
color: #666666;
}

.directoryTable a:visited{
text-decoration: underline;
color: #cc6600;
}

.directoryTable a:hover{
text-decoration: underline;
color: #666699;
}

.directoryTable td{
border: solid #cccccc;
border-width: 0 0 1px 1px;
}

.directoryTable tr{
border: solid #cccccc;
border-width: 0 0 0 0;
}

.directoryTable th{
display: none;
}

.directoryTable .firstRow{
border: solid #cccccc;
border-width: 1px 0 1px 1px;
}

.directoryTable{
width: 1000px;
border: solid #cccccc;
border-width: 0 1px 0 0;
margin: 0 0 20px 0;
color: #666666;
}

/*.directoryTable td:hover{
background-color: #eeeeee;
}*/

.odd{
background-color: #eeeeee;
}



#page{
clear: both;
width: 100%;
padding: 10px 0 0 0;
background-color: #FFFFFF;
}

/*--------------------------BRANDING----------------------------*/
#masthead{
width: 100%;
height: 90px;
background-image: url(../../artApproval/images/quoteMasthead2.jpg);
background-repeat: no-repeat;
}

.homeLogo{
float: left;
height: 80px;
width: 75px;
margin: 5px 0 0 10px;
}

.title{
clear: both;
width: 1000px;
font-size: 16px;
padding: 0 0 5px 0;
margin: 0 auto 15px auto;
border: dotted #cccccc;
border-width: 0 0 1px 0;
}

.border{
border: dotted #999;
border-width: 0 2px 0 0;
}

/*----------------------*/

.number{
font-size: 18px;
color: #666699;
font-weight: bold;
}

.subHead{
font-size: 12px;
color: #333;
}

#navList li{
float: left;
}

#mainContent{
clear: both;
width: 1012px;
padding: 0;
margin: 0 auto 20px auto;
text-align: left;
}

#artApproval #mainContent{
clear: both;
padding: 0;
margin: 10px auto 20px auto;
text-align: left;
}


#mainColumn{
float: left;
border: 1px solid green;
}

#mainColumn p{
}

.lastp{
padding: 0 0 5px 0;
border: dotted #999999;
border-width: 0 0 1px 0;
}

#navOptions{
float: left;
width: 250px;
background-color: #ddd;
border: solid #ccc;
border-right: solid #999;
border-bottom: solid #999;
border-width: 1px;
background-image: url('../../artApproval/images/infoBoxBkgrd.jpg');
background-repeat: repeat-x;
margin: 0 15px 0 0;
text-align: left;
}

/*#optionsInner{
width: 99%;
margin: 0 auto 1px auto;
border: solid #ffffff;
border-width: 1px 1px 1px 1px;
background-image: url(images/optionBkgrd.jpg);
background-position: bottom left;
background-repeat: repeat-x;
}*/


#navOptions h1{
padding: 5px 5px 0 5px;
color: #666699;
}

#navOptions h3{
padding: 5px 5px 0 5px;
color: #666699;
}

#navOptions p{
padding: 5px 5px 10px 5px;
}

#compColumn{
float: right;
border: dotted #cccccc;
border-width: 2px;
padding: 0 0 0 15px;
/*text-align: center;*/
background-color: #FFFFFF;
}

/* The comp table */

#compTable{
width: 98%;
padding: 0;
margin: 0 auto;
/*text-align: center;*/
background-color: #FFFFFF;
}

.doubleCheck{
color: #ff0000;
font-weight: bold;
font-size: 18px;
}

#compImage{
	clear:both;
	width: 1000px;
	min-height: 100px;
	padding: 5px;
	border: 1px solid #6C6C6C;
	margin-top: 0px;
}

#footer{
clear: both;
height: 25px;
background-image: none;
background-color: #fff;
border: 0;
margin: 0 0 20px 0;
padding: 0;
}

#footer p{
margin: 0;
padding: 0;
color: #333;
}

/* Form layout styles */

fieldset{
background-image: url(../../artApproval/images/fieldsetBkgrd.jpg);
background-repeat: repeat-x;
background-position: bottom;
border: 1px solid #cccccc;
padding: 5px 10px;
}

.approveBtn a{
margin: 10px auto;
}

/*----------------------------------------------------------MARKETINGBAR*/

#marketingBar{
clear: left;
width: 1010px;
height: 100px;
padding: 10px 0;
margin: 10px 0;
background-color: #ddd;
border: solid #ccc;
border-right: solid #999;
border-bottom: solid #999;
border-width: 1px;
background-image: url('../../artApproval/images/infoBoxBkgrd.jpg');
background-repeat: repeat-x;
}

#marketingBar ul{
width: 360px;
height: 100px;
float: left;
padding: 0 0 0 25px;
}

#marketingBar li{
margin: 0 0 2px 0;
padding: 0 0 0 15px;
}

#marketingBar li strong{
font-size: 14px;
margin: 0 0 0 -20px;
color: #666699;
}

#marketingBar ul.divider{
width: 360px;
background-image: url(../../artApproval/images/dividerVert.jpg);
background-repeat: repeat-y;
}

.bullet{
	background-image: none;
	background-image: url(../../images/bawImages/bawBullet.gif);
	background-repeat: no-repeat;
	background-position: -2px left;
	padding: 0 0 0 15px;
}

#marketingBar ul.quote{
width: 200px;
}

#marketingBar a:link, #marketingBar a:visited{
display: block;
height: 47px;
width: 180px;
/*background-color: #666699;*/
line-height: 45px;
text-align: center;
font-size: 20px;
text-decoration: none;
color: #fff;
margin: 10px 0;
background-image: url(../../artApproval/images/bigBtn.gif);
background-position: top left;
background-repeat: no-repeat;
}

#marketingBar a:hover{
background-position: bottom left;
}

#branding{
width: 1000px;
}

#tagline{
width: 1000px;
}
#alertBoxImage {
	float: left;
	height: 50px;
	width: 50px;
	margin-right: 10px;
	position: relative;
	top: -8px;
	left: -5px;
}



/*-----------------------------------------------------------------------------INSTRUCTIONS*/

#instructions{
	clear: left;
	width: 990px;
	height: 175px;
	background-color: #e0e0e0;



	background-image: url(
../'images/infoBoxBkgrd.jpg');
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 10px;
	border: 1px solid #6c6c6c;
}

#instructions .col1{
	height: 170px;
	width: 550px;
	float: left;
	margin-top: 5px;
}

#instructions .col2{
	float: right;
	height: 160px;
	width: 325px;
	border: 1px solid #bbb;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
}

#instructions li strong{
	color: #6C6C6C;
}
#instructions .col1 ul {
	margin-bottom: 15px;
}

#instructions .col1 li {
	margin-bottom: 5px;
}

#instructions .col2 li {
	margin-bottom: 5px;
}

#instructions ul{
margin: 0 0 10px 0;
}

#instructions a:link, #instructions a:visited{
color: #ff6600;
}

#instructions a:hover{
color: #ff6600;
text-decoration: none;
}

#approval{
width: 1010px;
height: 50px;
text-align: center;
}

#artApproval a:link, #artApproval a:visited{
	display: block;
	width: 325px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-image: url(../../images/bawImages/artApproval/approvalBtn325.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 9px;
	padding-right: 0px;
	padding-left: 0px;
	background-position: left top;
	height: 18px;
}

#artApproval a:hover{
	color: #6c6c6c;
	background-image: url(../../images/bawImages/artApproval/approvalBtn325.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.header{
	font-size: 18px;
	font-weight: bold;
	color: #6c6c6c;
}

#artDisclaimer{
	width: 925px;
	text-align: center;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 80px;
}

#artDisclaimer p{
	text-align: left;
}

#artDisclaimer .warning{
	color: #FF9721;
	font-weight: bold;
	font-size: 18px;
}

/*---------SHARE------------*/
#mainContent #share {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #E0E0E0;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 4px;
	-khtml-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 4px;
	-khtml-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 4px;
	-khtml-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	height: 30px;
	width: 170px;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 10px;
	color: #6C6C6C;
	padding-left: 4px;
	font-weight: bold;
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 0px;
	float:right;
}
#mainContent #share a {
	color: #6C6C6C;
	text-decoration: none;
	display: inline-block;
	margin-right: 1px;
	margin-bottom: 12px;
	margin-top: 5px;
	width: auto;
}

#mainContent #share img{
	margin-top: 5px;
	display: block;
}

#mainContent #share .addthis_separator  {
	margin-top: 4px;
}

#shareTxt {
	float:right;
	height:30px;
	width:200px;
	margin:5px 10px 10px 0;
	padding-top:7px;
	text-align:right;
}

.socialTools {
	width: 800px;
	margin-top: 20px;
	padding-top: 15px;
	border-top: 1px solid #6c6c6c;
	height: 40px;
	position: relative;
	bottom: 0px;
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
}

.socialTools ul.socialMedia  li {
	display: inline
!important;
	list-style-type: none;
	margin-right: 5px;
}



.socialTools ul.socialMedia li.faceBook a{
	background-image: url(../../images/bawImages/artApproval/facebook32.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	height: 33px;
	text-align: left;
	padding-top: 10px;
	padding-left: 40px;
	margin-right: 20px;
}

.socialTools ul.socialMedia li.twitter a{
	background-image: url(../../images/bawImages/artApproval/twitter32.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	height: 33px;
	text-align: left;
	padding-top: 10px;
	padding-left: 40px;
	margin-right: 20px;
}

.socialTools ul.socialMedia li.delicious a{
	background-image: url(../../images/bawImages/artApproval/delicious32.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	height: 33px;
	text-align: left;
	padding-top: 10px;
	padding-left: 40px;
	margin-right: 20px;
}
.socialTools ul.socialMedia li.linkdIn a{
	background-image: url(../../images/bawImages/artApproval/linkdin32.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	height: 33px;
	text-align: left;
	padding-top: 10px;
	padding-left: 40px;
	margin-right: 20px;
}
