body {
	margin: 0;
	/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	width:100%;
	height:100%;
	background: #F5F6F7 url(../images/gradient.jpg) repeat-x 0 0;
}

.holdDiv .innerdescr b {display:none;}


.proh
{	
height:40px;
}
table {
	margin-left:auto;
	margin-right:auto;
}
/* CSS Document */
a {
	color: blue;
	text-decoration: none;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}

h2 {font-size: 12px;}

.smallcaps {text-transform:uppercase!important;

}

#disciplineArea #continueBtnPortMap {margin-right: 57px!important;}
#cboxLoadingOverlay {
	z-index:3000;
}


.ui-selected div {cursor:none!important;}

.unavailable {cursor:none!important;}

continue_btn {
	
font-family: Arial,Helvetica,sans-serif;
width: 91px;
height: 36px;
font-size: 12px;
line-height: 36px;
list-style: none;
background: transparent url(images/buttons/Sprinbutton.png) no-repeat;
border: none;
color: #4C4C4C;
text-transform: capitalize;
text-align: left;
padding-left: 15px;
cursor: pointer;
}

.selectBox-options li {
	width: 140px!important;
	}


select, .selectBox-dropdown {
	width: 177px;
	height: 30px;
	*height: 20px;
	
	font-size: 11px;
	line-height: 29px;
	list-style: none;
	border: none;
	color: #000!important;
	text-transform: capitalize;
	text-align: left;
	padding-left: 18px!important;
	cursor: pointer;
	background: transparent url(../images/buttons/select.png) no-repeat;
	box-sizing: border-box;
	-webkit-box-align: center;
	white-space: pre;
	-webkit-rtl-ordering: logical;
	background-color: transparent;
	appearance:none;
	 -moz-appearance:none;
    -webkit-appearance:none;
    -webkit-border-radius:0;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	background-color: transparent!important;
}




li link
{
color:#000;	
}
li a:hover
{
color:#000;	
}

a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover {
	text-decoration: none;
	color: #000;
}

a:active {
	text-decoration: none;
}

ul li a
{
  display: inline;
  width: 100%;
  text-decoration: none;
}
ul li a:hover
{
  color: #000; /* white */
}





/* HOMEPAGE */

#weldesc {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	height:23px;
	line-height:45px;
}







/*home top half*/

#dT a {
	color: #000;
	text-decoration: none;
}

#dT a:link {
	color: #000;
	text-decoration: none;
}

#dT a:visited {
	text-decoration: none;
	color: #000;
}

#dT a:hover {
	text-decoration: none;
	color: #000;
}

#dT a:active {
	text-decoration: none;
}

/*home bottom half*/

#prole a {
	color: #000;
	text-decoration: none;
}

#prole a:link {
	color: #000;
	text-decoration: none;
}

#prole a:visited {
	text-decoration: none;
	color: #000;
}

#prole a:hover {
	text-decoration: none;
	color: #000;
}

#prole a:active {
	text-decoration: none;
}






img {
	border: none;
}

.dropdown {
	float: left;
}

a.noBorderImageLink:link {
	text-decoration: none;
}

.uneditablefield {
	background-color: #ddd;
}

#notice {
	color: #3356B6;
	text-transform: none;
}
#envnotice
{
color:#ff0000;
float:right;
margin-left:20px;
margin-top:5px;
}

#compactFormT {
	width: 300px;
	height: 130px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#compactFormTr1c2 {
	text-align: right;
}

#compactFormTr1c1 {
	text-align: left;
}

#compactFormTr2c2 {
	text-align: right;
}

#darkLink {
	color: #444;
}

.readonlyTfield {
	background-color: #ddd;
}

.hideresetclass {
	display: none;
}

.twoColFixLtHdr #container {
	overflow:hidden;
	width: 980px;
	/*height:780px;*/
	/*height:1070px;*/
	margin: 0 auto;
	margin-bottom:50px;
	/* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	background-color:#f7f7f7;
	position:relative;
	-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border:1px solid #bbb;
padding:0px;
z-index:1;
}

.twoColFixLtHdr #priceContainer {
	width: 850px;
	margin: 0 auto;
	margin-top: -10px;
	margin-left:70px;
	/* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	/* this overrides the text-align: center on the body element. */
}

.twoColFixLtHdr #manualsContainer {
	margin: 0 auto;
	margin-left:90px;
	/* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	/* this overrides the text-align: center on the body element. */
	margin-top:60px;
}



.twoColFixLtHdr #containerIndex {
	width: 980px;
	margin: 0 auto;
	/* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	/* this overrides the text-align: center on the body element. */
	/*background: #D5E7F3 url(../images/bg_tint.gif) repeat-x scroll left top;*/
}

.twoColFixLtHdr #containerTemplate {
width: 980px;
margin: 0 auto;
margin-bottom: 50px;
text-align: left;
background-color: #F7F7F7;
position: relative;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border: 1px solid #BBB;
padding: 0px;
z-index: 1;

}

.twoColFixLtHdr #containerSmall {
	width: 580px;
	float: left;
	/* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	/* this overrides the text-align: center on the body element. */
	background: #D5E7F3 url(../images/bg_tint.gif) repeat-x scroll left top;
}

.twoColFixLtHdr #containerSmallWide {
	width: 980px;
	margin: auto;
	/* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	/* this overrides the text-align: center on the body element. */
}

.twoColFixLtHdr #containerSmallerWide {
	width: 625px;
	margin: auto;
	/* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	/* this overrides the text-align: center on the body element. */
	background-color: #D5E7F3 ;
}

.twoColFixLtHdr #containerAssign {
	width: 700px;
	margin: 0 auto;
	/* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	/* this overrides the text-align: center on the body element. */
	background: #D5E7F3 url(../images/bg_tint.gif) repeat-x scroll left top;
}




/* HEADER */

.twoColFixLtHdr #header {
	width: 980px;
	margin: auto;
	padding:0px;
	/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-size: 11px;
	color: #FFFFFF;
	background-image:url(../images/logos/background_header.png);
	height: 40px;
	text-align: center;
	position:relative;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.twoColFixLtHdr #imageHeader {
	
	width: 100%;
	margin: auto;
	/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}

.twoColFixLtHdr #imageHeadersmall {
	padding-right: 10px;
	width: 100%;
	margin: auto;
	/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-size: 10px;
	color: #FFFFFF;
	background: #142242;
	height: 40px;
	text-align: center;
}

.twoColFixLtHdr #headerLightbox {
	padding-right: 10px;
	width: 570px;
	margin: auto;
	/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	margin-bottom: 10px;
	font-size: 10px;
	color: #FFFFFF;
	background: #142242;
	height: 40px;
	text-align: center;
}

.twoColFixLtHdr #header p {
	font-size: 11px;
	}

.twoColFixLtHdr #headerIndex {
	padding-right: 10px;
	margin: 0;
	/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	background: #142242;
	height: 40px;
}

.twoColFixLtHdr #headerThanks {
	padding-right: 10px;
	margin: auto;
	/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-size: 10px;
	color: #FFFFFF;
	background: #142242;
	height: 40px;
	text-align: center;
}

.twoColFixLtHdr #disciplines {
	float: left; /* since this element is floated, a width must be given */
  width: 100%;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	/* the background color will be displayed for the length of the content in the column, but no further */
	margin-top: 20px;
	margin-bottom:30px;
	position:relative;
	z-index:0;
}

.twoColFixLtHdr #disciplineArea {
	float: left; /* since this element is floated, a width must be given */
	width: 980px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	/* the background color will be displayed for the length of the content in the column, but no further */
	color: #333333;
	
	margin-bottom:190px;
	background-color:#F7F7F7;
}


#disciplineArea {
	margin:auto;
	text-align:center;
	width:800px;
	position:relative;

}

.twoColFixLtHdr #disciplineAreaApproved {
	float: left; /* since this element is floated, a width must be given */
	width: 980px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: ;
	/* the background color will be displayed for the length of the content in the column, but no further */
	color: #333333;
	margin-top: -100px;
}



#dT {
	width:723px;
	
	margin:auto;
	text-align:center;
	font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #E9E9E9;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FDFDFD,EndColorStr=#E9E9E9);
background-image: -moz-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: -ms-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: -o-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FDFDFD),color-stop(45px,#E9E9E9));
background-image: -webkit-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: linear-gradient(to bottom,#FDFDFD 0,#E9E9E9 45px);
color: #161616;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
overflow:hidden;

	}
	
	
	
	#prole .heading, #sT .heading {
	

font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
background-color: #8b9097;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cfd0d2,EndColorStr=#8b9097);
background-image: -moz-linear-gradient(top,#cfd0d2 0,#8b9097 45px);
background-image: -ms-linear-gradient(top,#cfd0d2 0,#8b9097 45px);
background-image: -o-linear-gradient(top,#cfd0d2 0,#8b9097 45px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#cfd0d2),color-stop(45px,#8b9097));
background-image: -webkit-linear-gradient(top,#cfd0d2 0,#8b9097 45px);
background-image: linear-gradient(to bottom,#cfd0d2 0,#8b9097 45px);
color: white;
text-shadow: 0 1px 0 #8B9097;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
box-shadow: 0 2px 13px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
		
		
		}
	
	
	
	#sT
{
	width:728px;
	padding-bottom: 10px;
	margin:auto;
	margin-top:20px;
	margin-bottom:50px;
	text-align:center;
overflow:hidden;
font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #E9E9E9;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E9E9E9,EndColorStr=#FDFDFD);
background-image: -moz-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: -ms-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: -o-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#E9E9E9),color-stop(45px,#FDFDFD));
background-image: -webkit-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: linear-gradient(to bottom,#E9E9E9 0,#FDFDFD 45px);
color: #161616;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
display:none;

	} 
	
	
#dTsm
{
	width:800px;
	margin:auto;
	text-align:center;
	}

.twoColFixLtHdr #Area {
	float: left; /* since this element is floated, a width must be given */
	width: 100%;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: ;
	/* the background color will be displayed for the length of the content in the column, but no further */
	color: #333333;
	margin-top: 10px;
}

.twoColFixLtHdr #adminArea {
	float: left; /* since this element is floated, a width must be given */
	width: 980px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: ;
	/* the background color will be displayed for the length of the content in the column, but no further */
	color: #333333;
	margin-top: 10px;
	height: 240px;
}

.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 530px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: ;
	/* the background color will be displayed for the length of the content in the column, but no further */
	color: #333333;
	padding-left: 75px;
	margin-top: 30px;
}

.twoColFixLtHdr #sidebar1 h1 {
	font-size: 15px;
	color: #333333;
	font-weight: bold;
	margin-left: 110px;
	font-family:Verdana, Geneva, sans-serif;
}

.twoColFixLtHdr #sidebar1 p {
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
}

.twoColFixLtHdr #sidebarA5 {
	float: right; /* since this element is floated, a width must be given */
	width: 420px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
	padding-top: 4px;
	margin-right: 15px;
	margin-right: 50px;
	margin-bottom: 18px;
	height: 670px;
	border: 1px solid #999999;
}

.twoColFixLtHdr #sidebarA4 {
	float: left; /* since this element is floated, a width must be given */
	width: 900px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-top: 4px;
	margin-left: 50px;
	line-height: 10px;
}

.twoColFixLtHdr #templateAssign {
	float: left; /* since this element is floated, a width must be given */
	width: 406px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
	padding-top: 4px;
	margin-left: 50px;
	margin-bottom: 18px;
	border: 1px solid #999999;
}

.twoColFixLtHdr #templateDetails {
	float: left;
width: 670px;
background-color: whiteSmoke;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 72px;
margin-bottom: 18px;
border: 1px solid #999;
	
}

.twoColFixLtHdr #templateDetailsRight {
	float: left; /* since this element is floated, a width must be given */
	width: 406px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
	padding-top: 4px;
	margin-left: 45px;
	margin-bottom: 18px;
	border: 1px solid #999999;
}

#assign {
	width: 406px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
	padding-top: 4px;
	margin-left: 45px;
	margin-bottom: 18px;
	border: 1px solid #999999;
	height: 59px;
}

.twoColFixLtHdr #prelimTemplate {
	float: left; /* since this element is floated, a width must be given */
	width: 420px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
	padding-top: 4px;
	margin-left: 50px;
	margin-bottom: 18px;
	border: 1px solid #999999;
}
.textareaTable
{
	font-size:11px;
	height:120px;
	border:none;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
}

.twoColFixLtHdr #windowTemplate {
	float: left; /* since this element is floated, a width must be given */
	width: 820px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
	padding-top: 4px;
	margin-left: 50px;
	margin-bottom: 18px;
	border: 1px solid #999999;
}

.twoColFixLtHdr #proofArea {
	font-size: 11px;
	color: #CC0000;
}

#pageHeadsProof {
	font-size: 15px;
	color: #CC0000;
	margin-bottom: 18px;
}

.twoColFixLtHdr #proofAreaLandscape {
	float: right; /* since this element is floated, a width must be given */
	width: 420px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin-right: 15px;
	margin-right: 50px;
	margin-bottom: 18px;
	height: 593px;
	border: 1px solid #999999;
	text-align: center;
	font-size: 11px;
	color: #CC0000;
	background: #FFFFFF;
}

#assignInput {
	font-size: 11px;
	margin-left: 20px;
}

#templateInput {
	float: left;
font-size: 11px;
margin-bottom: 25px;
margin-left: 25px;
width: 280px;
}

#templateInput .spikeTextLine, #templateInput .spikeTextLineReq, #templateInput2 .spikeTextLine, #templateInput2 .spikeTextLineReq  {width: 270px!important;}

#templateInput2 {
	float: right;
font-size: 11px;
margin-bottom: 25px;
margin-right: 25px;
width: 280px;
margin-top: -5px;
}

#templateInput2-old {
	float: left;
	font-size: 11px;
	margin-bottom: 40px;
	margin-left: 127px;
	width: 270px;
	margin-top: 75px;
}

#inputDetails {
	float: right;
	margin-right: 30px;
	margin-bottom: 29px;
	color: #000000;
	font-size: 11px;
}

#inputText {
	width: 252px;
	color: #000000;
	font-size: 11px;
}

#inputTextRight {
	width: 252px;
	color: #000000;
	font-size: 11px;
}

#uploadSpike {
	width: 700px;
	font-size: 11px;
	margin-bottom: 10px;
}

#emailApprove {
	width: 615px;
	color: #000000;
	font-size: 11px;
}

.twoColFixLtHdr #templateContainer {
	float: left; /* since this element is floated, a width must be given */
	width: 875px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
	padding-top: 10px;
	margin-left: 50px;
	margin-bottom: 30px;
}

.twoColFixLtHdr #adminContainer {
	float: left; /* since this element is floated, a width must be given */
	width: 874px;
	height: 540px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-top: 34px;
	margin-left: 50px;
	border: 1px solid #999999;
	background-color:#fff;
}

#adminH {
	float: left;
width: 960px;
margin-left: 10px;
margin-bottom: 35px;
}

.twoColFixLtHdr #adminC {
	float: left; /* since this element is floated, a width must be given */
	width: 874px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	padding-top: 34px;
	margin-left: 50px;
	margin-bottom: 35px;
	border: 1px solid #999999;
}

.twoColFixLtHdr #adminContainerLightbox {
	float: left; /* since this element is floated, a width must be given */
	width: 578px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
	padding-top: 4px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 1px solid #999999;
}

.twoColFixLtHdr #myHistoryContainer {
	float: left; /* since this element is floated, a width must be given */
	width: 874px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
	padding-top: 4px;
	margin-left: 50px;
	margin-bottom: 18px;
	border: 1px solid #999999;
}

.twoColFixLtHdr #officeHistoryContainer {
	float: left; /* since this element is floated, a width must be given */
	width: 874px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
	padding-top: 4px;
	margin-left: 50px;
	margin-bottom: 18px;
	border: 1px solid #999999;
}

.twoColFixLtHdr #assignHolder {
	float: left; /* since this element is floated, a width must be given */
	width: 915px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
	padding-top: 4px;
	margin-left: 31px;
	margin-bottom: 18px;
	border: 1px solid #999999;
}

.twoColFixLtHdr #mainContent {
	margin: 0 0 0 250px;
	/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px;
	/* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 200px;
}

.twoColFixLtHdr #mainContent h1 {
	font-size: 16px;
	color: #739ABE;
}

.twoColFixLtHdr #mainContent pic1 {
	font-size: 12px;
	color: #739ABE;
}

#logo {
	margin-left: 10px;
}

#pageHeads {
	font-size: 15px;
	margin-left: 50px;
	color: #3356b6;
	margin-bottom: 18px;
}

#mainLogin {
	height: 300px;
	width: 417px;
	float: right;
	border: 2px solid #FFFFFF;
	margin-bottom: 40px;
	margin-right: 14px;
	margin-top: 30px;
	padding: 10px;
	background: #e4f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
}



#mainDiv {
	height: 445px;
	width: 980px;
	float: none;
	color: #FFFFFF;
	margin-bottom: 10px;
	background: #e4f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
}

#login {
	font-size: 11px;
	padding-bottom: 30px;
	
	width:210px;
}

#register {
	font-size: 12px;
	line-height: 19px;
	margin-left: 25px;
	color: #000000;
}

#propertyMain {
	height: 309px;
	width: 980px;
	float: none;
	color: #FFFFFF;
	margin-bottom: 10px;
}

#propertyItems {
	float: left;
	color: #FFFFFF;
	margin-bottom: 40px;
	margin-left: 267px;
	margin-top: 10px;
}

#propertyBoxes1 {
	height: 135px;
	width: 190px;
	text-align: center;
	float: right;
	margin-right: 30px;
	color: #000000;
	font-size: 9px;
}

#propertyBoxes2 {
	height: 135px;
	width: 190px;
	text-align: center;
	float: right;
	color: #000000;
	font-size: 9px;
}

#details {
	height: 388px;
	width: 100%;
	left:0px;
	top:50px;
	position:absolute;
	display:none;	
	z-index:30;
	padding:5px;
}

#userDetails {
	font: Trebuchet MS;
	font-size: 11px;
	line-height: 22px;
	width: 100%;
	margin-top: 20px;
	float: left;
	text-align:left;
}

#userDetailsEditContainer {
	font: Trebuchet MS;
	font-size: 12px;
	line-height: 22px;
	width: 124px;
	left: 20px;
	margin-top: 48px;
	margin-left: 15px;
	float: left;
}

#userEdit {
	height: 470px;
	width: 428px;
	float: left;
	border: 1px solid #999999;
	margin-bottom: 41px;
	margin-left: 74px;
	margin-top: 30px;
	background: #e4f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
}

#regEdit { 
/*height: 576px;*/
	width: 528px;
	text-align: center;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	/*background: url(../images/bg_tint_small.gif) repeat-x scroll
		left top;*/
}

#thankyouContainer {
	width: 728px;
	min-height: 300px;
	border: 1px solid #999999;
	margin-left: auto;
	margin-right:auto;
	margin-top: 60px;
	padding-top: 40px;
	margin-bottom:100px;
	background-color: #fff;
	text-align:center;
}
a.tempLinks
{
	float:left;
font-size:9px;
color:#000;
}

a.tempLinks:hover
{
font-size:9px;
color:#ff0000;
}
a.tempLinks:visited
{
font-size:9px;
color:#ff0000;
}

a.blnav {
	color: #3B557E;
font-size: 12px;

	
}

a.blnav:hover {
	cursor:pointer;
	
}

.blnav {
	color: #3356B6;
}

a.clnav {
	color: #fff;
	font-size: 12px;
}

a.clnav:hover {
	color: #ccc;
}

.clnav {
	color: #fff;
}

a.glnav {
	color: #666;
	font-size: 12px;
}

a.glnav:hover {
	color: #666;
}

.glnav {
	color: #666;
}

.chevron {
	color: #000;
	font-size: 11px;
}

#userEditDetails {
	font: Trebuchet MS;
	font-size: 12px;
	line-height: 21px;
	width: 124px;
	left: 20px;
	margin-top: 50px;
	margin-left: 15px;
	float: left;
}

#userInvite {
	font: Trebuchet MS;
	font-size: 12px;
	line-height: 22px;
	width: 124px;
	left: 20px;
	margin-left: 15px;
	float: left;
}

#imageEdit {
	font-size: 12px;
	font-weight: bold;
	height: 676px;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 41px;
	margin-top: 30px;
	position:relative;
}

#imageEditEpc {
	font-size: 12px;
	font-weight: bold;
	height: 605px;
	width: 810px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 41px;
	margin-top: 30px;
	
}

#imageDetails {
	font: Trebuchet MS;
	font-size: 12px;
	margin-top: 14px;
	margin-left: 50px;
	float: left;
	text-align: left;
}

#cropDetails {
	font: Trebuchet MS;
	line-height: 21px;
	width: 324px;
	margin-top: 50px;
	margin-left: 15px;
	float: left;
}

#selectUserEdit {
	font: Trebuchet MS;
	font-size: 13px;
	line-height: 25px;
	width: 250px;
	left: 20px;
	margin-top: 10px;
	margin-left: 15px;
}

#edit {
	color: #339900;
	margin-left:3px;
	margin-top:-3px;
}

#editicon {
	position: relative;
	top: 4px;
	
}
.editicon {
	position: relative;
	left:3px;
	
}


#erT a {color: #55575B!important;}

#thankyou {
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
	line-height: 18px;
	width: 610px;
	left: 20px;
	margin: auto;
	text-align:left;
}

#navigateDisciplines {
	float: left;
	color: #FFFFFF;
	margin-bottom: 41px;
	margin-left: 20px;
}

#navigateDisciplinesRow2 {
	float: left;
	color: #FFFFFF;
	margin-left: 20px;
}

#discipline1 {
	height: 135px;
	width: 140px;
	text-align: center;
	float: right;
	margin-right: 30px;
	margin-bottom: 29px;
	font-weight: bold;
	background-color: #D5E7F3;
}

#discipline2 {
	height: 135px;
	width: 140px;
	text-align: center;
	float: right;
	margin-right: 30px;
	margin-bottom: 29px;
	font-weight: bold;
	background-color: #A3A4A4;
}

#discipline3 {
	height: 135px;
	width: 140px;
	text-align: center;
	float: right;
	margin-right: 30px;
	margin-bottom: 29px;
	font-weight: bold;
	background-color: #D5B6A5;
}

#discipline4 {
	height: 135px;
	width: 140px;
	text-align: center;
	float: right;
	margin-bottom: 29px;
	font-weight: bold;
	background-color: #D5CE85;
}

#discipline5 {
	height: 135px;
	width: 140px;
	text-align: center;
	float: right;
	margin-right: 30px;
	margin-bottom: 29px;
	font-weight: bold;
	background-color: #B7D4BE;
}

#discipline6 {
	height: 135px;
	width: 140px;
	text-align: center;
	float: right;
	margin-right: 30px;
	margin-bottom: 29px;
	font-weight: bold;
	background-color: #CCC6D6;
}

#discipline7 {
	height: 135px;
	width: 140px;
	text-align: center;
	float: right;
	margin-right: 30px;
	margin-bottom: 29px;
	font-weight: bold;
	background-color: #CCCCCC;
}

#discipline8 {
	height: 135px;
	width: 140px;
	text-align: center;
	float: right;
	margin-bottom: 29px;
	font-weight: bold;
	background-color: #CCCCCC;
}

#navigateAreas {
	float: left;
	color: #FFFFFF;
	margin-bottom: 85px;
	margin-left: 164px;
	margin-top: 36px;
}

#area1 {
	height: 135px;
	width: 140px;
	text-align: center;
	float: left;
	margin-right: 30px;
	margin-bottom: 29px;
	font-weight: bold;
	background-color: #D5E7F3;
}

#area2 {
	height: 135px;
	width: 140px;
	text-align: center;
	float: left;
	margin-right: 30px;
	margin-bottom: 29px;
	font-weight: bold;
	background-color: #D5E7F3;
}

#area3 {
	height: 135px;
	width: 140px;
	text-align: center;
	float: left;
	margin-right: 30px;
	margin-bottom: 29px;
	font-weight: bold;
	background-color: #D5E7F3;
}

#area4 {
	height: 135px;
	width: 140px;
	text-align: center;
	float: left;
	margin-right: 30px;
	margin-bottom: 29px;
	font-weight: bold;
	background-color: #D5E7F3;
}

#navigateItems {
	float: left;
	color: #FFFFFF;
	margin-bottom: 29px;
	margin-left: 20px;
}

#navigateItems2 {
	float: right;
	color: #FFFFFF;
	margin-bottom: 40px;
}

#navigateBoxes1 {
	height: 135px;
	width: 190px;
	text-align: center;
	float: right;
	margin-right: 30px;
	margin-bottom: 29px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

#navigateBoxes2 {
	height: 135px;
	width: 190px;
	text-align: center;
	float: right;
	color: #000000;
	margin-bottom: 29px;
	font-size: 12px;
	font-weight: bold;
}

#navigateBoxes3 {
	height: 135px;
	width: 190px;
	text-align: center;
	float: right;
	margin-right: 30px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

#navigateBoxes4 {
	height: 135px;
	width: 190px;
	text-align: center;
	float: right;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

#navigateItemsA5 {
	float: left;
	font-size: 11px;
	margin-bottom: 40px;
	margin-left: 20px;
}

#navigateItemsA4 {
	float: left;
	font-size: 11px;
	margin-left: 135px;
	width: 310px;
}

#assignItems {
	color: #000000;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 20px;
	width: 877px;
}

#assignButton {
	text-align: right;
	float: right;
}

#adminItems {
	color: #000000;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 50px;
	margin-left: 20px;
}

#navigateWCport {
	float: left;
	font-size: 11px;
	margin-bottom: 40px;
	margin-left: 173px;
	width: 150px;
}

#navigateWCland {
	float: left;
	font-size: 11px;
	margin-bottom: 40px;
	margin-left: 136px;
	width: 150px;
}

#portWC {
	float: left;
	margin-bottom: 25px;
	margin-right: 15px;
}

#navigateTemplates {
	float: left;
	color: #FFFFFF;
	margin-left: 186px;
}

#navigateTemplates2PP {
	float: left; \
	color: #FFFFFF;
	margin-left: 298px;
}

#navigateTemplates4PP {
	float: left;
	color: #FFFFFF;
	margin-left: 100px;
}

#navigateTemplates4Pport {
	float: left;
	color: #FFFFFF;
	margin-left: 100px;
}

#A5Templates {
	color: #000000;
	font-size: 11px;
	margin-bottom: 14px;
}

#A5 {
	margin-bottom: 15px;
	font-size: 13px;
	font-weight: bold;
}

#A4 {
	float: left;
	margin-bottom: 15px;
	font-size: 13px;
	font-weight: bold;
}

#backButton {
	font-size: 10px;
	margin-left: 10px;
	margin-bottom: 15px;
	color: #000000;
}

#officeDetails {
	width: 95%;
	font-size: 10px;
	text-align: left;
	margin-bottom:40px;
	margin-top: 30px;
	font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
}

#officeDetails2 {
	width: 100%;
	font-size: 11px;
	text-align: left;
}

#officeDetails2 th{
	width:400px;
}


#ticket {
	width: 447px;
	border: 1px solid #999999;
	margin-top: 10px;
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
	height: 594px;
	margin-left: 10px;
}

#savillsLogo {
	width: 980px;
	float: right;
	text-align: right;
	position: relative;
	top: 10px;
	padding-right: 10px;
}

#savillsSprint {
	float: left;
	width: 301px;
	height: 51px;
	margin-top: 20px;
	padding-left: 6px;
}

#savLogo {
	padding-right: 10px;
}

.twoColFixLtHdr #footer {
    bottom: 0px;
    font-size: 10px;
    height: 30px;  
   
    right: 6px;
    text-align: right;
}

.twoColFixLtHdr #footer p {
	margin: 0;
	/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-size: 10px;
	padding-right: 15px;
	color: #5D5D61;
	height: 30px;
}

#innerfooter {
	margin-top: -7px;
	
}


.fltrt {
	/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft {
	/* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat {
	/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */
.errorFormField {
	background-color: pink;
	padding-top: 3px;
padding-bottom: 3px;
padding-left: 2px;
padding-right: 2px;
color: #666;
font-size: 11px;
}





.twoColFixLtHdr #mainContent {
	zoom: 1;
}

/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
.dTC {
	font-size: 10px;
	float:left;
}

.dTr hover {
	background-color: #ccc;
}

.nameT {
	height: 50px;
	padding-left: 5px;
	border-color: #000000;
}

#adT {
	width: 100%;
	height: 200px;
	font-size: 11px;
	line-height: 7px;
}

#disT {
	height: 50px;
	font-size: 10px;
	line-height: 14px;
	float:left;
	display:none;
}

.radioC {
	width: 20px;
	border-right: 1px solid;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #000000;
}

.regTr3c1T {
	height: 30px;
	font-size: 11px;
}

#regTr1 {
	height: 30px;
}

#regTr2c1 {
	text-align: left;
}

#regTr1c1 {
	height: 15px;
	text-align: left;
}

#regInputTD {
	
}

#error {
	height: 15px;
	color: #bb0000;
	font-size: 11px;
	text-transform: none;
	font-weight: normal;
}

#errorV {
	height: 15px;
	color: #bb0000;
	font-size: 11px;
	text-transform: none;
	font-weight: normal;
}

.wGap {
	width: 20px;
}

.hGap {
	height: 23px;
}




#scrollDivLandscape {
	overflow: auto;
	width: 980px;
	height: 170px;
	color: #000;
	display: block;
	margin-top: 5px;
	background-color: #beced9;
	margin-left: -44px;
	margin-right: auto;
	text-align: center;
}

#scrollDivPortrait {
	width: 100%;
	height: 170px;
	color: #000;
	display: block;
	margin-top: 5px;
	margin-right: auto;
	text-align: center;
	position:relative;
	z-index:2;
}
#stretchbelt
{
	width: 100%;
	height: 170px;
	color: #000;
	display: block;
	text-align: center;
	display:none;
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
}
#innerholder
{
	position:absolute;
	left:0px;
	width:970px;
	height:160px;
	z-index:3;/*
	border:5px solid #ccc;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/
z-index:1;
}
.rightscroll
{
width:50px;
height:50px;
background-color:#ccc;
position:absolute;
z-index:13;
right:3px;
top:60px;
font-size:20px;
color:#666;
line-height:44px;
cursor:pointer;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border:1px solid #bbb;
}
.rightscroll:hover
{
width:50px;
height:50px;
background-color:#eee;
position:absolute;
z-index:3;
right:3px;
top:60px;
font-size:20px;
color:#666;
line-height:44px;
cursor:pointer;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border:1px solid #bbb;
}
.leftscroll
{
width:50px;
height:50px;
background-color:#ccc;
position:absolute;
z-index:13;
left:3px;
top:60px;
font-size:20px;
color:#666;
line-height:44px;
cursor:pointer;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border:1px solid #bbb;
}
.leftscroll:hover
{
width:50px;
height:50px;
background-color:#eee;
position:absolute;
z-index:3;
left:3px;
top:60px;
font-size:20px;
color:#666;
line-height:44px;
cursor:pointer;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border:1px solid #bbb;
}
#scrollDivPortraitsm {
	overflow: none;
	width: 800px;
	height: 170px;
	color: #000;
	display: block;
	margin-top: 5px;
	background-color: #beced9;
	
	margin-right: auto;
	text-align: center;
}
#heading {
	font-size: 12px;
line-height: 20px;
padding-bottom: 20px;
margin-left: 73px;	font-weight: bold;
}

.headingS {
	text-align: left;
font-size: 11px;
font-weight: normal;
padding-bottom: 4px;
padding-right: 18px;
}

#btnT {
	width: 100%;
}

.temTr2c1 {
	color: #000;
	font-size: 12px;
}

.temT {
	float: left;
	margin-left: 10px;
}

#header {
	padding-right: 10px;
	margin: ;
	/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-size: 10px;
	color: #FFFFFF;
	background: #696D75;
	height: 40px;
	text-align: center;
}

#containerSmall {
	width: 90%;
text-align: justify;
font-size: 12px;
padding: 10px;
margin: auto;
padding-top: 30px;
}

td.jobTD {
	text-align:left;
}

table#userDetailTable {
	width: 90%;
	text-align: justify;
	font-size: 12px;
	padding: 10px;
	margin: auto;
	padding-top: 30px;
}


/* BUG REPORT */

#bugT {
	font-size: 12px;
	padding: 10px;
	margin: auto;
	padding-top: 30px;
	width: 90%;
	text-align: left;
}

#containerSmallWide {
	width: 980px;
	margin: 0 auto;
	/* the auto margins (in conjunction with a width) center the page */
	text-align: left;
}

#containerSmallerWide {
	width: 625px;
	margin: 0 auto;
	/* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	/* this overrides the text-align: center on the body element. */
	background: #D5E7F3 url(../images/bg_tint.gif) repeat-x scroll left top;
}

#lightboxContainer {
	width: 428px;
	float: left;
	border: 1px solid #999999;
	margin-bottom: 10px;
	margin-left: 74px;
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
}

#lightboxContainer1 {
	width: 428px;
	float: left;
	border: 1px solid #999999;
	margin-bottom: 10px;
	margin-left: 74px;
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
}

#lightboxContainer2 {
	width: 428px;
	float: left;
	border: 1px solid #999999;
	margin-bottom: 10px;
	margin-left: 74px;
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
}

#regT {
	width: 450px;
	font-size: 11px;
	
	margin-left:120px;
	margin-bottom:90px;
	font-size: 11px;
	float:left;
}

a.littleiframe {font-weight: bold;}
div.rememberme {margin-top: 32px; padding-bottom: 6px;}

#footer {font-family: 'Lucida Grande','Lucida Sans Unicode',Arial,Helvetica,sans-serif; font-size: 11px;}

#frontpage {background: url(../images/division.png) no-repeat; background-position: 370px; background-position: 207px 14px; padding-left:14px; clear: both;
padding-top: 55px;
width: 640px;
margin-left: auto;
margin-right: auto; float:left; padding-bottom:14px;}


form#myform {width: 400px; float: right;}
form#login {float:left;}

form#myform input {border: 1px solid #CCC;
width: 170px;
height: 15px;}

#myform p {margin-top: 3px;}


form#login p, form#myform p {margin-bottom: 2px; }

#conT {
	width: 500px;
	height: 180px;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	text-align: center;
}

#regT tr {
	height: 10px;
		line-height:28px;
}

#regTFr1 {
	height: 50px;
}

#regTr1c2 {
	text-align: right;
	float: right;
}

#regTF {
	width: 600px;
	height: 478px;
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 65px;
	background-color: #ccc;
}

.errorFormField {
	background-color: #ff7777;
}

.nameT {
	font-size: 11px;
	width: 60px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
}

#reminderEmail {
	padding: 20px;
	line-height: 20px;
	
	text-align: left;
	
	font-size: 11px;
	
}

#reminderEmail tr {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 65px;
}

#reminderEmail td {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 65px;
}

.formHeading {
	font-weight: bolder;
	text-align: left;
	width: 166px;
	font-size: 14px;
	padding-bottom: 19px;
}

.regularFont {
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
}

.leftAlign {
	text-align: left;
}

.rightAlign {
	text-align: right;
}

#closeIframeBtn {
	position: relative;
	top: 133px;
	left: -257px;
	z-index: 5;
	font-size: 12px;
	font-weight: bolder;
	text-align: left;
	color: #ff0000;
	opacity:0.8;
	filter: alpha(opacity =           80);
	width: 80px;
}

.remainFaded {
	opacity: 0.15;
	filter: alpha(opacity = 15);
	width: 141px;
	height: 100px;
}

.faded {
	width: 100px;
}
#leftpane .faded {
	width: 55px;
	position:absolute;
	left:10px;
	top:4px;
}

#dT .holdDiv .faded {
width: 90px;
position:absolute;
top:20px;
left:15px;
z-index:1;
border: 1px solid white;
}


#dT .holdDiv .innerdescr  {

top:20px;

}




#prole .holdDiv .faded {
width: 90px;
margin:auto;
margin-top:26px;
text-align:center;
position:relative;
z-index:2;
border: 1px white solid;
}

#sT .holdDiv .faded {
width: 90px;
margin:auto;
margin-top:26px;
text-align:center;
position:relative;
z-index:2;
}

#mT {
	width: 800px;
	height: 388px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: center;
}

#overflowPreview { display: none;
position: absolute;
top: 30px;
left: 30px;
background-color: white;
padding: 15px;
padding: 15px;
border: 1px solid whiteSmoke;

}

#nav {
	padding-top: 11px;
margin-left: 195px;
z-index: 1;
width: 500px;
position: relative;

padding-bottom: 40px;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
text-shadow: 0 1px 0 #FAFAFA;
}


#fetaureDiv {
	width: 500px;
	margin: auto;
	text-align: center;
	font-size: 12px;
	float:left;
	margin-left:20px;
}

#fetaureDivport {
	width: 830px;
padding-bottom: 50px;
float: left;
margin-left: 73px;
}

#featureDivPortPrev {
	margin: auto;
	text-align: center;
	font-size: 12px;
	height: 264px;
	padding-left:20px;
	padding-right:20px;
}
#featureDivPortPrevsm {
	background: #e4f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
	width: 780px;
	margin: auto;
	text-align: center;
	font-size: 12px;
	height: 264px;
	padding-left: 10px;
}

#featureText {
	width: 100px;
	float: right;
	text-align: left;
	font-size: 12px;
}

#featureTitle {
	font-weight: bold;
	font-size: 14px;
	float: left;
	border-bottom: 1px solid #D5D5D5;
	width: 100%;
	margin-bottom: 20px;
}

.regGap {
	width: 5px;
}

.regGaprc {
	height: 5px;
}

.regGapColl {
	width: 5px;
}

.regGaprcColl {
	height: 5px;
}

#welcome {
	font-size: 12px;
	padding: 10px;
	padding-left: 45px;
	font-weight: bolder;
}

#continueBtn {
	float: right;
	text-align: right;
	position: relative;
	top: -42px;
	padding-right: 250px;
}

#continueBtnport {
	float: right;
	text-align: left;
	padding-left:20px;
	
}

#continueBtn2port {
	float: right;
	margin-top: 60px;
}

#continueBtnPortMap {
	float: right;
	text-align: right;
	position: relative;
	margin-right: -17px;
}

#continueBtnAssign {
	float: right;
	text-align: right;
	position: relative;
	width: 88px;
}

#assignImgB, #assignImgF {border: 1px solid lightGrey;}

#heading2 {
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 20px;
	margin-left: 73px;
}

#assignArea {
	width: 830px;
padding-bottom: 50px;
float: left;
margin-left: 73px;
}

.uploadthumb {
	padding: 1px;
}

.boldheader {
	font-weight: bold;
font-size: 11px;
text-transform: uppercase;
font-family: arial;
}

#frontDiv {
	margin-bottom: 20px;
}

#frontDivX {
	margin-bottom: 20px;
float: left;
width: 765px;
border: 1px solid lightGrey;
padding: 33px;
background-color: white;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
font-family: arial;
}

#insideDiv {
	margin-bottom: 20px;
	width: 100%;
}

#insideDivX {
	margin-bottom: 20px;
float: left;
width: 765px;
border: 1px solid lightGrey;
padding: 33px;
background-color: white;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
font-family: arial;
}

#backDiv {
	margin-bottom: 20px;
}

#backDivX {
	margin-bottom: 20px;
float: left;
width: 765px;
border: 1px solid lightGrey;
padding: 33px;
background-color: white;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
font-family: arial;
}

.mtrc {
	height: 35px;
	background-color: #001844;
	color: #fff;
	font-size: 11px;
	text-weight: bold;
	text-align: center;
	text-transform: capitalize;
}

.mtrcTemplates {
	height: 35px;
	background-color: #001844;
	color: #fff;
	font-size: 10px;
	text-weight: bold;
	text-align: center;
}



.fadedHigh {
	border: 1px solid #ff0000;
}

#frontDivport {
	float: left;
	font-size: 11px;
	width: 155px;
}

#insideDivport {
	float: left;
	margin-left: 10px;
	margin-right: 20px;
	width: 310px;
	font-size: 11px;
}

#backDivport {
	float: left;
	font-size: 11px;
	width: 155px;
}

.thumbsTabler1c {
	padding: 2px;
}

#uploadElement {
	margin-top: 20px;
}

.thumbTT {
	font-size: 12px;
}

#closeIframeBtnWide {
	position: relative;
	top: 90px;
	left: -450px;
	z-index: 5;
	font-size: 12px;
	font-weight: bolder;
	text-align: left;
	color: #ff0000;
	filter: alpha(opacity =           80);
	width: 80px;
}

#fetaureDiv {
	background: #e4f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
}

#myIframe {
	overflow: auto;
	width: 980px;
}

#assignAreaFront {
margin-bottom: 20px;
float: left;
width: 765px;
border: 1px solid lightGrey;
padding: 33px;
background-color: white;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
font-family: arial;
}

#assignAreInside {
	margin-bottom: 20px;
float: left;
width: 765px;
border: 1px solid lightGrey;
padding: 33px;
background-color: white;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
font-family: arial;
}

#assignAreaBack {
	margin-bottom: 20px;
float: left;
width: 765px;
border: 1px solid lightGrey;
padding: 33px;
background-color: white;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
font-family: arial;
}

#assignAreaFrontPortrait {
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
}

#assignAreInsidePortrait {
	margin-bottom: 10px;
	margin-top: 25px;
	font-size: 15px;
	font-weight: bold;
}

#assignAreaBackPortrait {
	margin-top: 28px;
	display: block;
	font-size: 15px;
	font-weight: bold;
}

#assignImgI {
	float: left;
}

a.blackLink:link {
	color: #000;
}

a.blackLink:hover {
	color: #ccc;
}

a.blackLink:visited {
	color: #000;
}

a.dLinks:link {
	color: #55575B;
	
}


a.dLinks:hover {
	color: #55575B;
}

a.dLinks:visited {
	color: #55575B;
}



a.thickbox:link {
	color: #444;
}

a.thickbox:hover {
	color: #000;
}

a.thickbox:visited {
	color: #777;
}


ad#Links :link {
	color: #444;
}

a#dLinks :hover {
	color: #000;
}

a#dLinks :visited {
	color: #777;
}

a.dLinksr:hover {
	color: #ff3333;
}

a.dLinksr:visited {
	color: #ff3333;
}

a.dLinksr:link {
	color: #ff3333;
}

ad#Linksr :link {
	color: #ff0000;
}

a#dLinksr :hover {
	color: #ff0000;
}

a#dLinksr :visited {
	color: #ff0000;
}

a.greyLink:link {
	color: #444;
}

a.greyLink:visited {
	color: #444;
}

a.greyLink:hover {
	color: #666;
}

.epcT {
	width: 34px;
	border:1px solid #5F8AA0;
	text-align:center;
}

#epcdataT {
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
	border-spacing: 3px!important;
	text-align: left;
	padding:2px;

	width: 650px; 
}

#epcIframe {
	margin-left: -5px;
	margin-top: 10px;
	border: 1px solid #ccc;
}

#ifr {
	text-align: center;
}

#epcChartD {

	margin-left:0;
	
	text-align:center;
	width: 225px;
	height: 211px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 4px;
}

#alert {
	top: 60px;
	left: 14px;
	position:absolute;
	z-index:1;
	width:100%;
	height:30px;


width: 940px;
}

.darkerRow {
	background-color: #ddd;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	height: 30px;
}

.darkerRow:hover {
	background-color: #ccc;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
}

.lighterRow {
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	background-color:#eee;
	height: 30px;
}

.lighterRow:hover {
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	background-color: #ccc;
}

.elementDiv {
	float: left;
	width: 350px;
	margin-left: 80px;
}

#saveInputsBtnDiv {
	float: left;
	width: 87%;
	height: 70px;
	padding-left: 80px;
}

.spikeTextLine {
	width: 170px;
text-align: left;
font-size: 11px;
border: 1px solid #CCC;
vertical-align: center;
padding-left: 2px;
padding-right: 2px;
color: #666;
height: 22px;
margin-bottom: 3px;

}

.spikeTextLinehalf {
	width: 100px;
	text-align: left;
	font-size: 11px;
	border: none;
	border: 1px solid #ccc;
	vertical-align: center;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #666;
}
.spikeTextLinequarter
{
	width: 30px;
	text-align: left;
	font-size: 11px;
	border: none;
	border: 1px solid #ccc;
	vertical-align: center;
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #666;
	}
	.subjC
	{
	width:20%;
	}
.valC
{
	width:15%;
	border-bottom:1px solid #666;
	}
#checkoutDetails {
	margin-left: 70px;
	text-align:left;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	margin-top: 60px;
	margin-bottom: 20px;
}

#checkoutFinish {
	line-height: 11px;
	padding-top:7px;
}

#checkoutFinish p{
	width:500px;
}

#checkoutButton{
margin-left:10px;
}

.spikeTextArea {
	text-align: left;
	font-size: 11px;
	line-height:13px;
	width: 270px;
	height: 82px;
	border: 1px solid #ccc;
	color: #666;
	padding-left: 2px;
	padding-right: 2px;
	
}

#interContainer {
	position: absolute;
	width: 670px; /*Width of interstitial box*/
	left: 0;
	top: 0;
	padding: 15px;
	padding-top: 0;
	background-color: #fff;
	border: 1px solid #777;
	visibility: hidden;
	z-index: 6;
}

#interContainer .headerbar { /*CSS for header bar of interstitial box*/
	color: #000;
	padding: 5px 0;
	text-align: right;
}

#interContainer .headerbar a {
	/*CSS for header bar links of interstitial box*/
	font-size: 100%;
	text-decoration: none;
}

#interContent { /*CSS for div that holds the content to show*/
	border: 1px solid #777;
	color: #666;
	background-color: #fff;
	font-size: 12px;
}

#interVeil {
	/*CSS for background veil that covers entire page while interstitial box is visible*/
	position: absolute;
	background: black url(blackdot.gif);
	right: 0;
	width: 10px;
	top: 0;
	z-index: 5;
	visibility: hidden;
	filter: progid :         DXImageTransform.Microsoft.alpha (        
		opacity =  
		      80 );
	opacity: 0.8;
}

#proof {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#approveContainer {
	height: 370px;
	width: 500px;
	float: left;
	border: 1px solid #999999;
	margin-bottom: 41px;
	margin-left: 37px;
	margin-top: 30px;
	background: #e4f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
}

#approveBlurb {
	font-weight: normal;
	padding-left: 20px;
	font-size: 13px;
	width: 100%;
	margin-top: 20px;
	margin: auto;
}

#approveComments {
	width: 180px;
}

#approveThumb {
	width: 142px;
	height: 186px;
	left: 27px;
	margin-left: 15px;
	float: left;
	background-color: #CCCCCC;
	font-size: 11px;
	text-align: center;
	margin-top: 60px;
}

#approveDetails {
	font-size: 10px;
	line-height: 20px;
	left: 20px;
	text-align: left;
	width: 260px;
	float: left; /* since this element is floated, a width must be given */
	width: 874px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #e5f8f8 url(../images/bg_tint_small.gif) repeat-x scroll
		left top;
	padding-top: 4px;
	margin-left: 50px;
	margin-bottom: 18px;
	border: 1px solid #999999;
}

#proofDetails {
	font-size: 10px;
	line-height: 20px;
	position: relative;
	text-align: center;
	height: 566px;
	width: 940px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	z-index: 3;
}

#approveRadios {
	text-align: center;
	line-height: 0px;
}

#approve {
	width: 100%;
}

#approveOuterBox {
	margin: auto;
}

.prTc {
	border-left: 1px dotted #777;
}

#proofsScroll {
	width: 100%;
	overflow: none;
	text-align: center;
	font-size: 10px;
}

#psScroll {
	width: 400px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 10px;
}

.radT {
	padding-left: 20px;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
margin-top: 14px;
}

.faderadT {
	display:none;
}

.stepClass {
	padding-left: 25px;
	text-transform: capitalize;
	font-size: 11px;
	float: left;
	padding-top: 12px;
	padding-bottom: 12px;
	width: 100%;
	}

#elD {float: left; width: 670px;
}

#loginError {
	padding-top: 10px;
margin-left: 2px;
	color: #e53c40;
	font-size: 10px;
	text-transform: none;
	font-weight: normal;
}

.formField {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
	color: #666;
	font-size: 11px;
}

#scrollHeading {
	position: relative;
	font-size: 12px;
}

.brta {
	background-color: #fff;

	color: #666;
		width: 420px;
		border: 1px solid lightGrey;
}

#bug_report ul {
	list-style: none;
}

#bug_report ul li {
	padding-bottom: 3px;
}

#tableHeading {
	font-weight: bolder;
	font-size: 11px;
	color: #000;
}

#jobState {
	width: 167px;
height: 127px;
position: absolute;
left: 59px!important;
top: 0!important;

}

.headeroftable a {
	color: #161616;
line-height: 9pt;
font-weight: 400;
font-family: arial;
text-shadow: 0 1px 0 #FAFAFA;
font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
	float: right;
	}
	
	.headeroftable a:HOVER {
	opacity: 0.8;
filter: alpha(opacity = 80);}

.spikeTextLineReq {
	width: 170px;
text-align: left;
font-size: 11px;
border: 1px solid #CCC;
vertical-align: center;
padding-left: 2px;
padding-right: 2px;
color: #666;
height: 22px;
margin-bottom: 3px;
	color: #666;
	border: 1px solid #ff8888;
}

#approvalForm {padding-top: 12px;}

.spikeTextAreaReq {
	text-align: left;
	font-size: 11px;
	width: 270px;
	height: 84px;
	border: none;
	color: #666;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #ff8888;
}

#gbtn {padding-top: 26px;
padding-right: 0;}

.hltInput {
	background-color: #ff9999;
	width: 270px;
	border: 1px dashed #ff0000;
}

.propertyRefTable {
	color: #3356B6;
}

.spikeTextLinepropertyRef {
	width: 270px;
	text-align: left;
	font-size: 11px;
	border: none;
	margin-bottom: 5px;
	vertical-align: center;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #666;
	border: 1px solid #3356B6;
}

#proofTable {
	font-size: 10px;
	width: 100%;
}

#proofCaption {
	width: 400px;
	text-align: center;
	margin: auto;
}

#proofPagination {
	width: 400px;
	text-align: center;
	margin: auto;
	font-size: 10px;
	padding-left: 30px;
}

#proofPaginationTable {
	width: 100%;
	text-align: center;
	margin: auto;
	font-size: 10px;
	height: 40px;
	margin-top: 30px;
}

#pdfDiv {
	position: relative;
	z-index: 3;
	margin-left: 15px;
	margin-top: 15px;
}

.finishBtn {
	background-image: url('../images/buttons/finish_1.png');
	color: transparent;
	width: 60px;
	border: none;
	background-repeat: no-repeat;
}

.previewThumbHigh {
	background-color: #ff0000;
}
.previewThumb
{
	cursor:pointer;
	z-index:5;
	position:relative;
}

.imageUploadInfoNormal {
	font-weight: normal;
	color: #000000;
}

.imageUploadInfoNormal a {
	color: #000000;
}

#inputButtonSave {
	float: right;
	margin-right: 455px;
}

#approvalreqbtn1 {
	margin-left: 254px;
	margin-top: 10px;
	float: right;
}

#approvalreqbtn2 {
	float: right;
	margin-top: 10px;
}

#inputButtonProof {
	float: right;
	margin-top: -20px;
}

#assignImgF {
	margin-top: 5px;
}

#assignImgB {
	margin-top: 5px;
}

#statusT {
	width: 100%;
	font-size:11px;
	text-align:left;
	padding-left:6px;
	color:#000;
	z-index:3;

	height:102px;
	position:relative;
	font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #E9E9E9;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FDFDFD,EndColorStr=#E9E9E9);
background-image: -moz-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: -ms-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: -o-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FDFDFD),color-stop(45px,#E9E9E9));
background-image: -webkit-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: linear-gradient(to bottom,#FDFDFD 0,#E9E9E9 45px);
color: #161616;

-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
}

.dataDiv
{
width:100%;
min-height:30px;
float:left;
margin-bottom:4px;
padding-left:8px;
}
.statusRow {
	text-align: center;
}

.statusRow:hover {
	background-color: #bbb;
}
#clrDiv
{
background-color:#ff0000;
width:25px;
height:25px;
font-size:10px;
text-align:center;
}
#proofstatusRow {
	height: 30px;
	width: 30px;
	background-color: #3356B6;
	color: #fff;
	line-height: 31px;
	font-size: 11px;
}

#proofstatusRow :hover {
	height: 30px;
	width: 30px;
	background-color: #99ffff;
	color: #000;
	line-height: 31px;
	font-size: 11px;
}

#disciplineAreaForm {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 120px;
}

#generateBtn {
	padding: 7px;
background-color: whiteSmoke;
padding-left: 6px;
padding-top: 6px;
padding-bottom: 6px;

}

#erT {
	padding-bottom: 20px;
	text-align: left;
	width: 221px;
	font-size:10px;
	float:left;
	position: absolute;
	left: 688px!important;
	top: 35px;
	z-index: 12;
	text-shadow: 0 1px 0 #FAFAFA;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	cursor:s-resize;
	background-color: #F7F7F7;
	color: #55575B;
	padding-top: 10px;
	padding-left:10px;
	
}

/*
div.loading {
	
	margin-top: 20px;
font: 13px 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
text-shadow: 0 1px 0 #FAFAFA;

width: 300px;
text-align: center;} */


#erT:hover {cursor:s-resize;}



#lastrow {display:none;!important}

.floatingtitle
{
	cursor: s-resize;
padding-bottom: 6px;
height: 14px;
width: 100%;
color: #3B557E;
float: left;
background-repeat: repeat-y;
text-shadow: 0 1px 0 #FAFAFA;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
padding-left: 4px!important;
margin-top: 20px;
}

#floatingtitle
{
width:100%;
color: #3B557E;
margin-top: 15px;
float:left;
/*background-image:url(../images/logos/2ndBOX-body.png);*/
background-repeat:repeat-y;
text-shadow: 0 1px 0 #FAFAFA;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
padding-left: 4px!important;
padding-bottom: 6px;
cursor:s-resize;
}

#textprogress span, #textprogress td {
	color: #55575B;
	padding-bottom: 3px;
	padding-top: 2px;
	
	}
	
	
#ertr1c1 {
	
}

.ertr1c1T {
	color: #777;
}

#erD {
	margin-left: 600px;
}
.erH {
	line-height: 17px;
padding-left: 4px;
	width:200px;
	float:left;
}
.erH:hover {
	text-decoration: underline;
cursor: pointer;
}
.erL {
	line-height:20px;
	padding-left:3px;
	width:87%;
}
.erL:hover {
	/*background-color: #ccc;*/
	color: #fff;
}
#ertr1c1r {
	color: red;
}

ertr1c1T:hover {
	background-color: #ccc;
	color: #fff;
}

ertr1c1:hover {
	background-color: #ccc;
	color: #fff;
}

#jobDetailTable {
	width: 620px;
	font-size: 12px;
	padding:10px;
	margin-top:50px;
}
#userDetailTable {
	width: 320px;
	font-size: 12px;
}

tr.jobTR {
	vertical-align: top;
	height: 24px;
}
th.jobTH {
	text-align: left;
	width: 200px;
	white-space:nowrap;
	background-color: whiteSmoke;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
}

a.jobLink {
	color: #333333;
	text-decoration: underline;
}

td.jobTD {
	width: 700px;
	background-color: white;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

#jobImg {
	line-height: 35px;
}

#jobShipAdd {
	line-height: 15px;
	height: 95px;
}

img.jobProof {
	border: solid 1px #333333;
}

.drag {
	position: relative;
	z-index:0;
	cursor:move;
}

.drag1 {
	position: relative;
	cursor: move;
	z-index:0;
}

#Are {
	z-index: 3;
	position: relative;
}

#textarea1 {
	font-size: 12px;
	color: #222;
	width: 100%;
	height: 500px;
	padding: 10px;
}

#lightboxIframe {
	overflow: hidden;
	background-color: transparent;
}

.textlineTable {
	height: 50px;
	border:none;
	font-size:11px;
	margin-left:0px!important;
	padding-top:0px;
	padding-bottom:0px;
}



#floatingtitle:hover {
	text-decoration: none;
cursor:s-resize;
	}

.textareaTrc1 {
	
}

#lT {
	position: relative;
	left: -3px;
	font-size:11px;
	width:400px;
	margin-top:20px;
}

#zoomId {
	position: relative;
	top: -12px;
	color: #666;
}

.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 92%; /*Width of Carousel Viewer itself*/
	height: 150px;
	text-align:center;
	margin:auto;
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.panel {
	float: left; /*leave this value alone*/
	overflow: hidden;
	/*clip content that go outside dimensions of holding panel DIV*/
	margin-top: 10px; /*margin around each panel*/
	/*width: 250px; Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	margin-bottom: 10px;
	margin-right: 10px;
	position:relative;
	z-index:3;
	cursor:pointer;
}

#paginateDiv {
	float: right;
	width: 100px;
	height:50px;
	text-align: right;
	padding-right: 30px;
padding-top: 13px;
}

a#myGreyLink {
	position: relative;
	top: 3px;
}

#emailDB {
	min-height: 513px;
	overflow: auto;
}

#emailTB {
	font-size: 11px;
}

.erHc {
	line-height: 10px;
	border-bottom:1px dotted #444;
}

a#closeIcon {
	position: absolute;
	left: 1px;
	top: 15px;
	color: red;
}

a#closeIconEpc {
	position: absolute;
	left: 20px;
	top: 15px;
	color: red;
}

#prImg {
	zoom: 0.5;
}

#topNav {
	position: relative;
	z-index: 60;
}

#bottomNavClose {
	position: relative;
	top: 30px;
	float: right;
	right: 10px;
}

#smallHeader {
	/*height: 40px;
	background-color: #142242;*/
}

#contact {
	padding: 10px;
}

#pdfContainer {
	width: 100%;
	text-align: left;
}

.zoomButton {
	color: #142242;
	width: 100%;
	height: 18px;
	text-transform: uppercase;
	font-family: arial, helvetica, sans-serif;
	
	font-size: 10px;
}

.zoomButton:hover {
	

	cursor: hand;
	width: 100%;
	height: 18px;
}

.spikeSelect {
	width: 270px;
}

#adminBtnsT {
	width: 762px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 12px;
	margin-bottom: 10px;
}

.adminBtns {
	text-align: center;
	width: 100%;
	height: 150px;
	background-color: #ccc;
}

.adminBtns:hover {
	text-align: center;
	width: 100%;
	height: 150px;
	background-color: #666;
	color: #fff;
}

.mtrc1 {
	height: 110px;
}

#noticeUnset {
	margin-left: 10px;
	color: #3356B6;
}

.statusRowr {
	
}

#mailTextarea {
	width: 600px;
	height: 150px;
	background-color: #fff;
	border: none;
}

#mailsubject {
	width: 600px;
	border: none;
	background-color: #fff;
}

#mailsT {
	font-size: 11px;
	width: 600px;
	height: 300px;
	margin: auto;
	text-align: center;
}

#usrnamespan {
	color: #26823a;
	padding-left: 5px;
	width:100px;
}

#psswdspan {
	color: #26823a;
	padding-left: 5px;
}

#crs {
	position: relative;
	top: 3px;
}
#usrId
{
text-align:left;
float:left;
}
#uploadpr
{
margin-left:5px;
fonnt-size:10px;
color:#81CA76;
font-weight:normal;
}
#qntypr
{
color:#ff0000;
}
.greyout
{
color:#999;	
}
.blackout
{
color:#000;	
}

.twoColFixLtHdr #greyout {
	float: left; /* since this element is floated, a width must be given */
	width: 720px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-color:#ccc;
	padding-top: 10px;
	margin-left: 205px;
	margin-bottom: 18px;
	border: 1px solid #999999;
	color:#222;
}
#faqT
{
width:100%; 
padding:5px;
}
#question
{
width:350px;
border:none;
}
#answer
{
width:350px;
border:none;
}
#search
{
width:185px;
border:none;
font-size:10px;
}
.faqi
{
color:#ff0000;
width:20px;
}
.faqq
{
font-size:14px;
width:20px;
}
.faqa
{
font-size:14px;
width:20px;
}
.gaph
{
height:15px;
}
#eachfaq
{
width:100%;
text-align:left;
float:left;
padding:5px;
}
#sfDiv
{
margin-left:25px;
float:left;
width:300px;
}
.hlight
{
background-color:yellow;
color:#000;
font-weight:bold;
}
#matches
{
float:left;
text-align:left;
margin-left:10px;
margin-top:3px;
color:#26823a;
}
.nameField
{
text-transform:capitalize;
}
.emailField
{
text-transform:lowercase;
}

#imageDetailsEpc{
text-align:left;
padding:5px;

}

.proc1
{

padding:2px;
}

.gbuttonred {
width:83px;
height:30px;
font-size:12px;
line-height:24px;
list-style:none;
font-family: Arial,Helvetica,sans-serif;
width: 91px;
height: 36px;
font-size: 11px;
font-weight: normal!important;
list-style: none;
background: transparent url(../images/buttons/Sprinbutton.png) no-repeat;
border: none;
color: black;
text-transform: capitalize;
text-align: left;
padding-left: 12px;
cursor: pointer;
border:none;
text-transform:capitalize;
cursor:pointer;
margin-top: 35px;
margin-right: -32px;
}


.gbuttonLong {
	height: 2.95em;
padding: 0 .91em;
border: 1px solid;
outline: 0;
font-weight: bold;
font-size: 11px;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 130px;
border-color: #CCC;
border-top-color: #999;
border-bottom-color: #AAA;

filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#304EA6,EndColorStr=#6891E7);
background-image: -moz-linear-gradient(bottom,#6891E7 0,#304EA6 100%);
background-image: -ms-linear-gradient(bottom,#6891E7 0,#304EA6 100%);
background-image: -o-linear-gradient(bottom,#6891E7 0,#304EA6 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#6891E7),color-stop(100%,#304EA6));
background-image: -webkit-linear-gradient(bottom,#6891E7 0,#304EA6 100%);
background-image: linear-gradient(to top,#6891E7 0,#304EA6 100%);	
line-height: 30px;
padding-left: 34px;
}

.gbuttonLong:hover{
	height: 2.95em;
padding: 0 .91em;
border: 1px solid;
outline: 0;
font-weight: bold;
font-size: 11px;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 130px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#304EA6,EndColorStr=#557CD1);
background-image: -moz-linear-gradient(bottom,#557CD1 93%,#304EA6 100%);
background-image: -ms-linear-gradient(bottom,#557CD1 93%,#304EA6 100%);
background-image: -o-linear-gradient(bottom,#557CD1 93%,#304EA6 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(93%,#557CD1),color-stop(100%,#304EA6));
background-image: -webkit-linear-gradient(bottom,#557CD1 93%,#304EA6 100%);
background-image: linear-gradient(to top,#557CD1 93%,#304EA6 100%);
line-height: 30px;
padding-left: 34px;
color: white!important;
}


a.csvNav {
	font-size:16px;
	color: #00004F;
	text-decoration: none;
}
a:link.csvNav {
	color: #00004F;
}
a:visited.csvNav {
	color: #003993;
}
a:hover.csvNav {
	color: #2D89C9;
}
a:active.csvNav {
	color: #2D89C9;
}

td.csvValue {
	width: 180px;
}
td.csvButton {
	text-align: center;
}
th.csvColumn {
	width: 100px;
	text-align: left;
}

#editUser{
padding-top:0px;
}


div.autofillbtn
{
	height: 20px;	
	width: 77px;
	background-image:url(../images/buttons/button_blank_1.png);
	background-repeat:no-repeat;
	font-size: 9px;
	color: #fff;
	text-align: center;
	line-height:20px;
	border:1px solid #ddd;	
	cursor:pointer;
}

div.autofillbtn:hover{
background-image:url(../images/buttons/button_blank_2.png);
}

div#button1:hover
{
cursor:pointer;
float:left;
}

#button1
{
cursor:pointer;
float:left;
}

#epcDiv
{
float:left;
width:414px;
line-height:30px;
margin-left:5px;
}
#epcDivshort
{
float:left;
margin-top:20px;
width:200px;	
}

#generate
{
	
cursor:pointer;
float:right;
}

#generateEPC
{
cursor:pointer;
float:left;
}

#uT
{
margin-top:10px;
width:100%;
float:right;
}
#spikerror
{
color:#3356B6;
display:inline;
}
#notice1{

	color: #bb0000;
	font-size: 11px;
	text-transform: none;
	font-weight: normal;
}
#pr
{
height:16px;

}  

#elT
{
float:left;
text-align:left;
margin-left: 0;
}

#thmbT
{
text-align:left;
font-size:10px;
color:#555;
font-weight:normal;
width:133px;
}
#thmbTp
{
text-align:left;
font-size:10px;
color:#555;
font-weight:normal;
margin-top: 20px;
}
#priceHead{
	background-color:#AABACB;
	height:20px;
}

.d0 {
	background-color:#DAE6F1;
	height:20px;
	
}

.d1 {
	background-color:#C4D4E6;
	height:20px;
}

#manualsTableDiv {
	float: left;
	font-weight:normal;
	padding-bottom:15px;
}
#manualsTable{
	width:350px;
}

#priceTableDiv {
	float: left;
	font-weight:normal;
	width:350px;
	padding-bottom:30px;
}
#priceTable{
	width:350px;
}
#priceTable .number {
	text-align:right;
	width:60px;
}
#shippingTableDiv {
	float:right;
	right:120px;
	width:450px;
	height:500px;
	font-weight:normal;
	
}
#shippingTable{
	float:left;
	width:250px;
}
#shippingTable .number {
	text-align:right;
	width:100px;
}

#printHead{
font-weight:bold;
font-size:14px;
margin-bottom:20px;
}

#shipHead{
font-weight:bold;
font-size:14px;
margin-bottom:20px;
}
.toggleT
{
width:70px;
color:#3356B6;
font-weight:normal;
margin-left: 0;
}
#approverPr
{

}
#spanx
{
text-align:right;
width:51%;
}
#spany
{
text-align:right;
}
#creditsRow
{
font-size:10px;
}
.finishTxt
{
color:#ff0000;
font-size:14px;
font-weight:bold;
}
select.inputSelect {
	width: 270px;
}
div.elD {
	margin:0px;
	padding:0px;
}

#productDetails{
	text-align:left;
	border:solid;
	border-width:1px;
	border-color:#bbb;
	padding:10px;
	width:390px;
	height:87px;
	position:absolute;
	left:71px;
	font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
}

#productDetails th
{
width:30%;
}

#orderDetails{
	text-align:left;
	border:solid;
	border-width:1px;
	border-color:#bbb;
	padding:10px;
	width:390px;
	height:376px;
	position:absolute;
	left:71px;
	top:226px;
	*top:236px;
	font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
}

#deliveryDetails{
	text-align: left;
border: solid;
padding: 10px;
position: absolute;
height: 461px;
width: 400px;
margin-bottom: 10px;
right: 72px;
font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
border-width: 1px;
border-color: #BBB;
	
}
#ordertT
{
width:50%;
float:left;
text-align:left;
}
#ordertTS
{
width:100%;
float:left;
text-align:left;
}
#pdfpr
{
width:135px;
}
.ygap
{
width:14%;
}
#stemplates
{
width:100%;
position:relative;
overflow:auto;
}
#sregions
{
width:100%;
height:150px;

overflow:auto;
padding-left: 15px;
}
.pdiv
{
width:50px;
height:70px;
float:left;
margin-left:5px;
margin-top:5px;
border: 1px solid #999;
} 
.rdiv
{
width:100px;
height:78px;
float:left;
margin-left:5px;
margin-top:5px;
}
#sHead
{
width:100%;
font-weight:bold;
font-size:12px;
text-align:left;
padding-left: 10px;
padding-top: 10px;
}
.ddiv
{
width:100px;
height:115px;
float:left;
margin-left:5px;
margin-top:5px;
}



#del {margion-top: 10px; }


#sgroups
{
width:100%;
float:left;
}
#stemplates
{
width:100%;
float:left;
height:200px;
}
#scollateral
{
width:100%;
float:left;
}
#sdisciplines
{
width:100%;
float:left;
}
#disciplineAreasm
{
float:left;
width:98%;
text-align:left;
}
#loadbuffer
{
width:100%;
background-color:#fff;
text-align:center;
filter: alpha ( opacity = 50 );
opacity: 0.5;
left:0px;
position:fixed;
top:0px;
z-index:10000;
visibility:hidden;
}
#lbcontainer
{
position:relative;
width:980px;
margin:auto;
text-align:center;
left:0px;
color:#222;
font-size:220px;
}
#ploader
{
position:fixed;
z-index:20000;
visibility:hidden;
width:100px;
height:100px;
}
form#linkingform
{
background-color:yellow;
}
#lcl
{
background-color: #CCCCCC;
color: red;
cursor: pointer;
float: right;
height: 20px;
position: absolute;
right: 10px;
text-align: center;
width: 20px;
z-index: 100;
line-height:17px;
border:1px solid #666;
}
.blnavlg 
{
width:100px;
height:30px;
background: -moz-linear-gradient(top, #fff,  #aaa);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#aaa));
background: -webkit-linear-gradient(#fff, #aaa);
font-size:12px;
line-height:37px;
list-style:none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color:#000;
text-align:center;
float:right;
margin-top:-56px;
}

#signup
{
font-family:Verdana, Geneva, sans-serif;
width:83px;
height:30px;
font-size:12px;
line-height:30px;
list-style:none;
background:transparent url(../images/logos/gbutton.png) no-repeat;
border:none;
color:#000;
text-transform:capitalize;
text-align:center;
cursor:pointer;
}

#forgottenTable{
	margin-top:50px;
	margin-bottom:100px;
	width:410px;
}



/* INPUT FIELDS */

input.all {
	border: 1px solid #CCC;
	width: 172px;
	height: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
}




/* Search input */

.search
{
	margin-right:5px;
	font-style:italic;
	color:#999;
}

input.search {
	padding-left: 5px;
	width: 280px;
	height: 22px;
}




 /* BUTTONS */

.inptbtn, #continueBtn2port
{
width:100px;
height:30px;
background-color:#fff;
font-size:11px;
line-height:30px;
list-style:none;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border:none;
color: #000;
text-transform:capitalize;
text-align:center;
}

.inptbtn {
	font-family: Arial,Helvetica,sans-serif;
	width:91px;
	height:36px;
	font-size:11px;
	line-height: 32px;
	list-style:none;
	background:transparent url(../images/buttons/Sprinbutton.png) no-repeat;
	border:none;
	color: #000;
	text-transform:capitalize;
	text-align: left;
	padding-left: 12px;
	cursor:pointer;
}



.gbutton, div.button {
	font-family: Arial,Helvetica,sans-serif;
	width:91px;
	height:36px;
	font-size:11px;
	line-height: 34px;
	list-style:none;
	background:transparent url(../images/buttons/Sprinbutton.png) no-repeat;
	border:none;
	color: #000;
	text-transform:capitalize;
	text-align: left;
	padding-left: 12px;
	cursor:pointer;
	font-weight:normal!important;
}

.bbtn {
	font-family: Arial,Helvetica,sans-serif;
	width:91px;
	height:36px;
	background:url(../images/buttons/Sprinbuttonback.png) no-repeat;
	position:absolute;
	top:0px;
	left:5px;
	cursor:pointer;
	z-index:30 !important;
	overflow:visible !important;
}



form#myform input.inptbtn {
font-family:Arial,Helvetica,sans-serif;
width:91px;
height:36px;
font-size:11px;
line-height: 32px;
list-style:none;
background:transparent url(../images/buttons/Sprinbutton.png) no-repeat;
border:none;
color: black;
text-transform:capitalize;
text-align: left;
padding-left: 12px;
cursor:pointer;
}

/*
form#myform input.inptbtn {
	font-family: 'Lucida Grande','Lucida Sans Unicode',Arial,Helvetica,sans-serif;
width: 91px;
height: 31px;
font-size: 10px;
line-height: 26px;
list-style: none;
background: transparent url(../images/buttons/button.png) no-repeat;
border: none;
color: black;
text-transform: capitalize;
text-align: left;
padding-left: 12px;
cursor: pointer;
font-weight: normal;
}
*/

#error-reg {color: #e53c41; padding-top: 10px;
text-align: justify;
width: 376px;
line-height: 13px;}

.blnavlg a:link
{
color:#555;
text-transform:capitalize;
}

#dT .holdDiv
{
width:240px;
height:105px;
cursor:pointer;
background-color: #E9E9E9;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FDFDFD,EndColorStr=#E9E9E9);
background-image: -moz-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: -ms-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: -o-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FDFDFD),color-stop(45px,#E9E9E9));
background-image: -webkit-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: linear-gradient(to bottom,#FDFDFD 0,#E9E9E9 45px);
color: #161616;
border-bottom: #B9BCC0 1px solid;
border-right: #B9BCC0 1px solid;
}

#1ds, #4ds, #7ds {border-left: #B9BCC0 1px solid;}

#3ds, #6ds, #9ds {border-right: #B9BCC0 1px solid;}


div#7ds { 
-moz-border-radius: 0 0 0 3px;
-webkit-border-radius:  0 0 0 3px;
border-radius:  0 0 0 3px;
}

#dT #9ds { 
-moz-border-radius: 0 0 3px 0;
-webkit-border-radius:  0 0 3px 0;
border-radius:  0 0 3px 0;
}



#dT .heading {
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
background-color: #8b9097;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cfd0d2,EndColorStr=#8b9097);
background-image: -moz-linear-gradient(top,#cfd0d2 0,#8b9097 45px);
background-image: -ms-linear-gradient(top,#cfd0d2 0,#8b9097 45px);
background-image: -o-linear-gradient(top,#cfd0d2 0,#8b9097 45px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#cfd0d2),color-stop(45px,#8b9097));
background-image: -webkit-linear-gradient(top,#cfd0d2 0,#8b9097 45px);
background-image: linear-gradient(to bottom,#cfd0d2 0,#8b9097 45px);
color: white;
text-shadow: 0 1px 0 #8B9097;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
box-shadow: 0 2px 13px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
	
	
	}





#dT 
{
height: 364px!important;
}


.holdDiv
{
width:281px;
height:120px;
position:relative;
float:left;
}

#prole .holdDiv, #sT .holdDiv
{
width:182px;
margin-top:8px;
height:100px;
position:relative;
float:left;
border:none;
cursor:pointer;
}





/* CATEGORIES */


/* Header of blocks */

.heading {
	text-align: left;
font-size: 13px;
color: #3356B6;
padding-left: 0!important;
text-transform: uppercase;
height: 30px;
line-height: 30px;
text-shadow: 0 1px 0 #FAFAFA;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
}

#dT .heading,#prole .heading,#leftpane .heading,#sT .heading { 
	text-align: center;

	color:#fff;
	padding-left:5px;
	text-transform:uppercase;
	height:45px;
	line-height:47px;
	position:relative;
	z-index:3;
	font-weight: 500;
	
}



/* Title of single category */
.holdDiv .innerdescr .spant {
	font-size: 11px;
	font-weight:bold;
	line-height:13px;
	text-align: left;
	text-transform: uppercase;
	position:absolute;
	top:0px;
	left:0px;
	width:90%;
}

/* Title of product types */
#prole .innerdescr, #sT .innerdescr {
	top:-2px;
	left:0px;
	font-size: 10px;
	line-height:28px;
	font-weight:bold;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width:100%;
}


/* Text into block cat */
.holdDiv .innerdescr {
	top:0px;
	left:112px;
	width:128px;
	height:64px;
	position: absolute;
}

.holdDiv .innerdescr p {
	font-size: 9px;
	line-height:6px;
	text-align: left;
	text-transform: capitalize;
}

div.innerdescr b {
	text-transform: uppercase;
	font-size: 9px;
	
}



#extext {
	
	}




.holdDiv .innerdescr .spanp
{
    height: 50px;
    left: 0;
    position: absolute;
    top: 22px;
    width: 100%;
    display:none;
}

.pipes
{
font-size:9px;	
}
.floatingWindowContent
{
}


#collapsableDiv1{
	min-height: 170px;
	padding-bottom: 20px;
}


#collapsableDiv2
{
margin-top:15px;
position:relative;
}

.div2mask
{
opacity:0.5;
filter:alpha(opacity=50);
width:100%;
background-color:#fff;
position:absolute;
top:0px;
left:0px;
}
#prole
{
 	position:relative;
  	margin:auto;
  	margin-bottom:70px;
    text-align:center;
    width: 728px;
    height:190px;
    overflow:hidden;
    z-index: 2;
   font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #E9E9E9;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E9E9E9,EndColorStr=#FDFDFD);
background-image: -moz-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: -ms-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: -o-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#E9E9E9),color-stop(45px,#FDFDFD));
background-image: -webkit-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: linear-gradient(to bottom,#E9E9E9 0,#FDFDFD 45px);
color: #161616;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
}

#loadem 
{ 
width:150px; 
font-size:20px;
color:#666;
margin:auto;
text-align:center;
position:relative;
z-index:3;
min-height:30px;
}

.blankrow
{
	width: 540px!important;
height:50px;
line-height:13px;
cursor:pointer;
text-align:center;
padding-left:3px;
position:relative;
z-index:10;
background-color:#F7F7F7;
}
.pholdDiv
{
overflow:hidden;	
}
.tholdDiv
{
float:left;
line-height:13px;
cursor:pointer;
text-align:center;
padding-left:3px;
border-top:1px solid #ccc;
position:relative;
z-index:2;	
}
.tholdDiv:first-child
{
float:left;
line-height:13px;
cursor:pointer;
text-align:center;
margin-left:5px;
border-top:1px solid #ccc;
position:relative;
z-index:2;	
}


.slideboxinnermover
{
	position:absolute;
	top:0px;
	left:0px;
}
.pholdDiv .slideboxinner
{
width:539px;
height:95%;
background-color: #E9E9E9;

border-bottom:1px solid #b3b5b9;
position:absolute;
left:0px;
z-index:2;
-moz-border-radius:  0 0 3px 3px;
-webkit-border-radius:  0 0 3px 3px;
border-radius:  0 0 3px 3px;
border-bottom: #B9BCC0 1px solid;



}
.pholdDiv .slideboxinner .tholdDiv
{
border:none;
}



.prf
{
width:100%;
height:20px;
position:absolute;
bottom:0px;
left:0px;
background-color:#aaa;
z-index:3;
}
.nv
{
height:30px;
line-height:20px;
width:45px;
z-index:4;
cursor:pointer;
background-position:50% 50%;
}
.nv:hover
{
height:30px;
line-height:20px;
width:45px;
z-index:4;
cursor:pointer;
background-position:50% 50%;
}
#proleft, #proleft1
{
position:absolute;
left:0px;
top:9px;
background-image:url(../images/logos/left_arrow.png);
background-repeat:no-repeat;
opacity:.2;
filter:alpha(opacity=20);
}
#proright, #proright1
{
position:absolute;
right:0px;
top:9px;
background-image:url(../images/logos/right_arrow.png);
background-repeat:no-repeat;
}



.pagination
{

height:20px;
background-color:#ccc;
margin:auto;
text-align:center;
}
#strow
{
position:absolute;
top:51px;
left:0px;
padding-top: 6px;
z-index:1;
background-color: #E9E9E9;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E9E9E9,EndColorStr=#FDFDFD);
background-image: -moz-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: -ms-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: -o-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#E9E9E9),color-stop(45px,#FDFDFD));
background-image: -webkit-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: linear-gradient(to bottom,#E9E9E9 0,#FDFDFD 45px);
}
.pbullet
{
width:10px;
height:10px;
background-image:url(../images/logos/pagination_grey.png);
float:left;
position:relative;
z-index:3;
margin-left:5px;
cursor:pointer;
}
.pbullet:first-child
{
background-image:url(../images/logos/pagination_white.png);	
}
.countholder
{
margin:auto;
text-align:center;
}
#brole
{
width:100%;
height:10px;
position: absolute;
bottom:7px;
left:0px;
}
#leftcover
{
width: 376px;
height:1000px;
background-color:#f7f7f7;
position:absolute;
top:-65px;
left:-131px;
}
.navthmb .thumb {
  width: 55px;
  margin: 5px;
  height: auto;
}
.templatepreview
{
width:100%;
height:100px;
background-color:#fff;
position:absolute;
left:0px;
top:50px;
opacity:0;
filter:alpha(opacity=0);
border:1px dashed #000
}


/* MAIN MENU */


#trnav {
	position:absolute;
	height:100%;
	right:5px;
	top:0px;
	margin:0px;
	line-height:38px;
}

#trnav li {
	float:left;
	list-style:none;
	width: 70px;
	height:100%;
	position:relative;
}

#trnav li a
{
display:block;	
}

#navcontent p a
{
display:inline;	
}
#lilist
{
margin-right:415px;	
}
#trnav li:hover
{
background-color:#fff;
color:#000;
}
.likids
{
min-width:100px;
min-height:50px;
position:absolute;
right:-1px;
top:35px;
z-index:100;
text-align:left;
display:none;
}
#navcontent
{
width:300px;
color:#000;
padding:0px;
padding-bottom:3px;
position:relative;
top:-6px;
z-index:3;
}
#navcontent p
{
line-height:10px;
padding-left:23px;
padding-top:15px;
}

.shadow200{
	background-image:url(../images/logos/menu_shadow_middle.png);
	background-repeat:repeat-y;
}


.shadow200bottom{
	background-image:url(../images/logos/menu_shadow_bottom.png);
	background-repeat:repeat-y;
	position:absolute;
	bottom:-13px;
	left:0px;
	height:13px;
	width:100%;
}

.shadow300{
	background-image:url(../images/logos/menu_shadow_middle_lg.png);
	background-repeat:repeat-y;
}

.shadow300bottom{
	background-image:url(../images/logos/menu_shadow_bottom_lg.png);
	background-repeat:repeat-y;
	position:absolute;
	bottom:-13px;
	left:0px;
	height:13px;
	width:100%;
}

#editUser
{
position:absolute;
bottom:10px;
right:10px;
}
ul
{
margin:0px;
padding:0px;
}
.thumbt
{
text-align:left;
float:left;
}
.closelink
{
background-color:pink;
opacity:.5;
filter:alpha(opacity=50);
position:absolute;
top:2px;
left:0px;
z-index:3;
}
.pagediv
{
position:absolute;
z-index:3;
left:15px;
width:300px;
height:20px;
}
.ppaginl
{
width:30px;
height:30px;
position:absolute;
top:0px;
left:0px;
}
.ppaginr
{
width:30px;
height:30px;
position:absolute;
top:0px;
right:0px;
}

.ico_sm
{
width: 18px;
height:18px;
position:relative;
top:4px;
margin-right:2px;
}
#schrow
{
text-align:center;
width:728px;
margin:auto;
margin-top:50px;
position:relative;
z-index:1;
}





#sdiv
{
position:absolute;
right:0px;
top:0px;
width:500px;
z-index:1;
text-align:right;
}
.alert
{
	position:absolute;
	left:0px;
	top:7px;
	height:100%;
	width:230px;
	font-style:italic;
	font-size:10px;
	line-height:23px;
}

#listcontainer
{
	width:280px;
	text-align:left;
	position:absolute;
	z-index:300;
	border-right:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#fff;
	right:8px;
	overflow:auto;
}
.resultrow
{
	width:100%
	float:left;
	height:20px;
	line-height:20px;
	cursor:pointer;
	padding-left:3px;
	z-index:2000;
	white-space:nowrap;
}
.resultrow:hover
{
cursor:pointer;
color:#666;
}
.floatleft
{
width:48%;
height:30px;
float:left;
text-align:left;
line-height:32px;
}
.floatright
{
width:50%;
height:30px;
float:right;
text-align:right;
line-height:32px;
margin-right:4px;
}
#lastrow
{
background-image:url(../images/logos/2ndBOX-bottom.png);
height:12px;
position:absolute;
bottom:-12px;
left:5px;
width:100%;
}

#forgottenMy{
	font-size:12px;
	padding-bottom: 20px;
}

#newAccount{

	font-size:12px;
	font-weight:bold;
}
.leftpad
{
width:10px;
height:100%;
background-color: #E9E9E9;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FDFDFD,EndColorStr=#E9E9E9);
background-image: -moz-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: -ms-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: -o-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FDFDFD),color-stop(45px,#E9E9E9));
background-image: -webkit-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: linear-gradient(to bottom,#FDFDFD 0,#E9E9E9 45px);
border-bottom:1px solid #b3b5b9;
position:absolute;
left:0px;
z-index:2;
-moz-border-radius:  0 0 3px 3px;
-webkit-border-radius:  0 0 3px 3px;
border-radius:  0 0 3px 3px;
border-bottom: #B9BCC0 1px solid;
z-index:3;
position:absolute;
left:0px;
top:0px;
border-left:1px solid #B3B5B9;
}
.rightpad
{
width:10px;
height:100%;
background-color: #E9E9E9;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FDFDFD,EndColorStr=#E9E9E9);
background-image: -moz-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: -ms-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: -o-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FDFDFD),color-stop(45px,#E9E9E9));
background-image: -webkit-linear-gradient(top,#FDFDFD 0,#E9E9E9 45px);
background-image: linear-gradient(to bottom,#FDFDFD 0,#E9E9E9 45px);
z-index:3;
position:absolute;
right:0px;
top:0px;
border-right:1px solid #B3B5B9;
}
#prooficon
{
margin-top:5px;
}
.info
{
width:18px;
height:18px;
position:absolute;
top:2px;
left:2px;
z-index:3;
background-image:url(../images/info.png);
}
/* Jennifer eye style for Largest Previews */
.eye {
    width: 22px;
    height: 23px;
    position: absolute;
    top: 2px;
    left: 4px;
    z-index: 3;
    background-image: url(zoom.png);
    background-color: #7D7D7D;
    border: 1px solid rgba(255, 255, 255, 0.54);
    opacity: 0.7;
    background-repeat: no-repeat;
}


.eyeTemp {
    width: 22px;
    height: 23px;
    position: relative;
    top: 13px;
    left: 16px;
    z-index: 3;
    background-image: url(zoom.png);
    background-repeat: no-repeat;
    background-color: #7D7D7D;
    border: 1px solid rgba(183, 183, 183, 0.54);
    opacity: 0.7;
}


.eye:hover {

    opacity: 1;
}

.eyeTemp:hover {

    opacity: 1;
}

#textprogress
{
margin-bottom:10px;

}
.noresults
{
text-align:left;
}
#lihello
{
margin-left:9px;
margin-right:8px;
}
#ctb
{
position:absolute;
left:100px;
top:0px;
}



/* INTO THE SINGLE CATEGORY */

#layout2 {
	position:relative;
	width:100%;
	min-height:615px;
	z-index:1;
	background: url(../images/division.png) no-repeat;
	background-position: 316px -9px;
	margin-top: 30px;
	padding-bottom: 50px;
}

#leftpane {
	width: 220px;
	position:absolute;
	left: 82px;
	top:63px;
	z-index:3;
	
}


#leftpane .heading {
width: 219px;
height: 36px;
position: absolute;
top: -50px;
left: 0px;
margin: 0px;
padding: 0px;
z-index: 4;
padding-top: 14px;
/*background-image: url(../images/main-top.png);
color: #555;
text-shadow: 0 1px 0 #FAFAFA;*/
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
background: url(../images/main-top.png);
color: #555;
text-shadow: 0 1px 0 #FAFAFA;

}

.dholdDiv, .nholdDiv {
	width: 219px;
	height:50px;
	position:relative;
	z-index:3;
	float:left;
	cursor:pointer;
	opacity: 0.9;
	color: #555;
text-shadow: 0 1px 0 #FAFAFA;
	
}


.dholdDiv:hover, .nholdDiv:hover {
	
	
}


#stretchbottom {
	width: 219px;
	height:50px;
	background-image: url(../images/main-bottom.png);
	position:absolute;
	bottom:-50px;
	left:0px;
} 


#leftpane .innerdescr {
	top:3px;
	left:77px;
	font-weight:bold;
	position: absolute;
	text-align: left;
	height:42px;
	overflow:visible;
	width: 130px;
	
	

text-align: left;
text-transform: capitalize;
line-height: 18px;

font: 13 px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
padding-left: 5px;

}



#leftpane .nholdDiv:hover {
	background-image: none;
	opacity: 1;
filter: alpha(opacity=100);
background-color: #3B557E;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#6482AD,EndColorStr=#3B557E);
background-image: -moz-linear-gradient(top,#6482AD 0,#3B557E 45px)!important;
background-image: -ms-linear-gradient(top,#6482AD 0,#3B557E 45px)!important;
background-image: -o-linear-gradient(top,#6482AD 0,#3B557E 45px)!important;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#6482AD),color-stop(45px,#3B557E))!important;
background-image: -webkit-linear-gradient(top,#6482AD 0,#3B557E 45px)!important;
background-image: linear-gradient(to bottom,#6482AD 0,#3B557E 45px)!important;
color: white!important;
text-shadow: 0 1px 0 #6482AD;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

}



.innerdescr .sngl {
	position:relative;
	top:16px;
	height:13px;
	line-height:5px;
	line-height:13px;
}

.innerdescr .sngl1 {
	position:absolute;
	top:7px;
	width:100%;
	height:13px;
	line-height:5px;
	line-height:13px;
}

.innerdescr .sngl2 {
	position:absolute;
	top:22px;
	width:100%;
	height:13px;
	line-height:13px;
}

.innerdescr .sngl3 {
	position:absolute;
	top:25px;
	width:100%;
	height:13px;
	line-height:13px;
}

/* End Leftpane

       START RIGHTPANE */


#rightpane {
	width: 600px;
	height: 600px;
	position: absolute;
	left: 380px;
	top: 30px;
	z-index: 2;
	overflow:visible;
	display:block;
}

.choldDiv, .pholdDiv, .pgholdDiv, .ptholdDiv {
	min-width:397px;
	height:50px;
	line-height:13px;
	cursor:pointer;
	text-align:center;
	padding-left:3px;
	position:relative;
	z-index:10;
	background-repeat:no-repeat;
}


.navthmb {
	position:absolute;
	left:5px;
	top:2px;
	overflow:hidden;
}

.pholdDiv .navdescr, .pgholdDiv .navdescr, .ptholdDiv .navdescr {
	position: absolute;
	left: 75px;
	top: 16px;
	height: 25px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	line-height: 18px;
	color: #555;
	text-shadow: 0 1px 0 #FAFAFA;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	padding-left: 5px;
	width: 410px;
}

.pholdDiv .navdescr:hover, .pgholdDiv .navdescr:hover, .ptholdDiv .navdescr:hover {
	color: #3356b6;
}





.tholdDiv .navthmb
{
position:absolute;
left:0px;
top:2px;
}
.navthmb1
{
position:absolute;
left:5px;
top:2px;
height:100%;
width:100%;
z-index:2;
}

.navdescrinner
{
position:absolute;
top:18px;
text-align:center;
width:92%;
height:40px;
background-color:#000;
color:#fff;
left:5px;
display:none;
}


.tholdDiv .navdescr
{
position:absolute;
width:100%;
bottom:1px;
height:42px;
text-align:center;
background-color:#ccc;
padding-left:2px;
padding-right:2px;
border-left:1px dashed #666;
}



/*leftpane links*/
#leftpane a {
	color: blue;
	text-decoration: none;
}

#leftpane a:link {
	color: #000;
	text-decoration: none;
}

#leftpane a:visited {
	text-decoration: none;
	color: #000;
}

#leftpane a:hover {
	text-decoration: none;
	color: #000;
}

#leftpane a:active {
	text-decoration: none;
}


#weldesc .gbutton {
font-family: Arial,Helvetica,sans-serif;
width: 91px;
height: 36px;
background: url(../images/buttons/Sprinbuttonreverse.png) no-repeat;
position: absolute;
top: 0px;
left: 0px;
cursor: pointer;
font-weight: normal!important;
padding-left: 55px;
padding-top: 2px;
	}
	
.gbutton:hover, .inptbtn:hover {
color: #3356B6;
	}
	
	
#psswdspan {display:none;}
	







.slidebox {
	background-color:#ccc;
	width:540px;
	position:absolute;
	right:-415px;
	top:-17px;
	z-index:2 !important;
	opacity:0;
	filter:alpha(opacity=0);
	overflow:visible !important; 
}


/* COLORBOX CONTENT */

#cboxLoadedContent body {
	background-color: #F7F7F7;
}

.headeroftable {
	background: url(../images/productmenu.png) no-repeat;
width: 865px;
height: 46px;
padding-left: 24px;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
text-shadow: 0 1px 0 #FAFAFA;
padding-top: 11px;}


#collapsableDiv {margin-top: -10px;}

#usrnamespan {display:none;}


#pt, #pg,#p  {left: 0!important; line-height: 34px; padding-left: 50px;}

.eleDiv {
	padding-left:0px;
}




.profilecontainer input.formField {
	border: 1px solid #CCC!important;
height: 15px!important;
width: 170px!important;
color: #666!important;
font-size: 11px!important;
padding: 3px 2px!important;
	}
	
	
	.profilecontainer p {
	margin-bottom: 2px;}
	
	
	
	form#formadmin {
		float: left;
width: 100%;
padding-top: 10px;
padding-bottom: 20px;
		
		}
	


.gbutton, div.button {
	font-family: Arial,Helvetica,sans-serif;
	width:91px;
	height:36px;
	font-size:11px;
	line-height: 34px;
	list-style:none;
	background:transparent url(../images/buttons/Sprinbutton.png) no-repeat;
	border:none;
	color: #000;
	text-transform:capitalize;
	text-align: left;
	padding-left: 12px;
	cursor:pointer;
	font-weight:normal!important;
}


/*

#capId  {
	position: absolute!important;
	left: 51px!important;
	top: 230px!important;
	color: black;
	font-family: Arial,Helvetica,sans-serif!important;
	font-size: 12px!important;
	font-weight: normal!important;
}
	
*/


	
#overlay {
	position: absolute;
	display:block;
	left: 0px;
	top: 0px;
	width:900px;
	height:600px;
	text-align:center;
	vertical-align:middle;
	z-index: 10000;
	background-color:#000;
	opacity: 0.25;
	filter: alpha(opacity = 25);
}
#overlay div {
	position: absolute;
	top:100px;
	margin-left:auto;
	margin-right:auto;
	color: black;
	font-size: 16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
	display:table-cell;
	vertical-align:middle;
}





#slides {
position: relative;
margin: auto;
margin-bottom: 30px;
text-align: center;
width: 728px;
height: 195px;
overflow: hidden;
z-index: 2;
font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #E9E9E9;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E9E9E9,EndColorStr=#FDFDFD);
background-image: -moz-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: -ms-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: -o-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#E9E9E9),color-stop(45px,#FDFDFD));
background-image: -webkit-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: linear-gradient(to bottom,#E9E9E9 0,#FDFDFD 45px);
color: #161616;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
}


#slides .heading {
text-align: center;
color: white;
padding-left: 5px;
text-transform: uppercase;
padding-top: 15px;
position: relative;
z-index: 3;
font-weight: 500;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
/* background-color: #3B557E;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#6482AD,EndColorStr=#3B557E);
background-image: -moz-linear-gradient(top,#6482AD 0,#3B557E 45px);
background-image: -ms-linear-gradient(top,#6482AD 0,#3B557E 45px);
background-image: -o-linear-gradient(top,#6482AD 0,#3B557E 45px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#6482AD),color-stop(45px,#3B557E));
background-image: -webkit-linear-gradient(top,#6482AD 0,#3B557E 45px);
background-image: linear-gradient(to bottom,#6482AD 0,#3B557E 45px);
color: white;
text-shadow: 0 1px 0 #8B9097;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
box-shadow: 0 2px 13px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);*/
background-color: #8B9097;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CFD0D2,EndColorStr=#8B9097);
background-image: -moz-linear-gradient(top,#CFD0D2 0,#8B9097 45px);
background-image: -ms-linear-gradient(top,#CFD0D2 0,#8B9097 45px);
background-image: -o-linear-gradient(top,#CFD0D2 0,#8B9097 45px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#CFD0D2),color-stop(45px,#8B9097));
background-image: -webkit-linear-gradient(top,#CFD0D2 0,#8B9097 45px);
background-image: linear-gradient(to bottom,#CFD0D2 0,#8B9097 45px);
color: white;
text-shadow: 0 1px 0 #8B9097;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
box-shadow: 0 2px 13px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
}


#slides .slides_container {
			width:640px;
			height:120px;
			margin: auto;
			margin-top:12px;
			display:none;
		}
		
	#slides .slides_container div {
			width: 643px;
height: 100px;

cursor: pointer;


padding-top: 17px;
		}	
		
		#slides .slides_container div img {
		height: 70px;}
		
		
	div.slides_control {border: none!important;
background: transparent!important;}
		
#wrapper {
	background-color: #E9E9E9;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E9E9E9,EndColorStr=#FDFDFD);
background-image: -moz-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: -ms-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: -o-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#E9E9E9),color-stop(45px,#FDFDFD));
background-image: -webkit-linear-gradient(top,#E9E9E9 0,#FDFDFD 45px);
background-image: linear-gradient(to bottom,#E9E9E9 0,#FDFDFD 45px);
margin-top: -5px;
	
	}

#brole2 {
width: 100%;
height: 10px;
position: absolute;
bottom: 7px;
left: 0px;
}

#slides .prev {
	left: -2px;
background-image: url(../images/logos/left_arrow.png);
background-repeat: no-repeat;

position: absolute;
top: -10px;
z-index: 999;
height: 44px;
background-position: 21px 27px;
text-indent: 44.8px;
}

#slides .next {
position: absolute;
right: -23px;
top: 4px;
background-image: url(../images/logos/right_arrow.png);
background-repeat: no-repeat;
z-index: 999;
height: 30px;
background-position: 0px 12px;
text-indent: 30.8px;
}


#slides .pagination li {float: left;
margin: 0 1px;
list-style: none;
width: 12px;

}


#slides .pagination {
	
	 background-color: transparent!important;
	 padding-left: 5px;
	}

#slides .pagination li a {
display: block;
width: 12px;
height: 0;
padding-top: 12px;
background-image: url(../images/pagination.png);
background-position: 0 0;
float: left;
overflow: hidden;

}

#slides .pagination li.current a {
/* background-image: url(../images/logos/pagination_white.png);*/
background-position: 0 -12px;
}


#slides .innerdescr {

font-size: 10px;
line-height: 11px;
font-weight: bold;
margin: 0;
padding-bottom: 10px;
text-align: center;
text-transform: uppercase;
width: 100%;
color: black;

}

.addresslist_button{
    content:"Please select a file";
    /*background-color:#f7f7f7;*/
    color: transparent;
}


/******** Stevens ***********/


.proh > td {
    margin-left: 60px;
    margin-top: 8px;
    position: absolute;
    text-align: center;
    width: 50px;
}

/******** END of Stevens ***********/

.laminate {
    height: 51px;
}

/******** Stevens Dashboard ***********/

#canvas-holder{
        width:240px;
      }

.doughnut-legend li span {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  float: left;
  margin-top: 4px;
  margin-right: 8px;
}

.doughnut-legend {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  /*margin-top : 20px;*/

}

.doughnut-legend li {
  margin-bottom : 4px;
}

.doughnut-legend li:first-letter {
  text-transform: capitalize;
  }
  
  div#barLegend {
    font-size: 15px;
    line-height: 20px;
    font-family: sans-serif;
    font-weight: lighter;
    border: 2px solid rgba(128, 128, 128, 0.39);
    padding: 9px;
    width: 173px;
    float: left;
    margin-left: 33px;
    margin-top: 55px;
}
    
    #datatable {
    width: 300px;
    float: left;
    margin-left: 30px;
    margin-top: 20px;
}

.contentcontainer {
    background-color: white;
    width: 951px;
    height: 530px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    border: #ECECEC solid 3px;
    border-radius: 3px;
}

.mainttitle {
    background-color: white;
    height: 30px;
    margin-top: -33px;
    margin-bottom: 20px;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    border-left: 3px #F3F3F3 solid;
    border-right: 3px #F3F3F3 solid;
    border-bottom: 3px #F3F3F3 solid;
    border-radius: 2px;
    text-align: center;
    padding-top: 14px;
    font-family: sans-serif;
    font-weight: lighter;
    font-size: 15px;
}


.title {
    margin-top: 4px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    padding-top: 14px;
    font-family: sans-serif;
    font-weight: lighter;
    font-size: 19px;
    color: #656565;
}


      .checkator_holder.checkbox {
    float: right!important;
    margin-right:10px!important;
}

.container label {
    float: left;
    margin-top: 3px;
    margin-left: 20px;
}

.container input[type=radio],
.container input[type=checkbox] {
  margin-bottom: 0;
}

/* SOURCE ELEMENT (when checkator is enabled on an element) */
.checkator_source {
  position: relative;
  z-index: 2;
  display: block;
}

/* SHARED SETTING */
.checkator_holder { /* Holder for the new element */
  display: inline-block;
  position: relative;
}
.checkator_element { /* New element */
  border: 2px solid #DEDEDE;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.checkator_source:checked+.checkator_element:after { /* Checked element dot */
  background-color: #2d8bcb;
  display: block;
  content: ' ';
  top: 10%;
  right: 10%;
  bottom: 10%;
  left: 10%;
  position: absolute;
}
.checkator_source:focus+.checkator_element { /* Focused element */
  border: 2px solid lightgray;
}
.checkator_source:hover+.checkator_element { /* Hovered element */
  /* Bug: There is a bug in chrome preventing this from working correctly */
  background-color: #def;
  border: 2px solid lightgray;
}


/* RADIO SETTINGS */
.checkator_element.radio {
  border-radius: 50% !important;
}
.checkator_element.radio:after {
  border-radius: 50% !important;
}

/* CHECKBOX SETTINGS */
.checkator_element.checkbox { /* New element */
  border: 2px solid #DEDEDE;
}

		}
		#wrapper {
			padding: 15px;
		}
		.radio1 {
			width: 50px;
			height: 50px;
		}
		.radio2 {
		}
		.checkbox1 {
		}
		.checkbox2 {
			width: 25px;
			height: 25px;
		}


ul.dashboardselect {
    float: left;
    margin-top: 38px;
    margin-left: 39px;
}


div#todatesselect {
    float: left;
    margin-top: 59px;
    margin-left: 6px;
    width: 140px;
}

div#fromdatesselect {
    float: left;
    margin-top: 59px;
    margin-left: 6px;
    width: 140px;
}

.dashboardresults {
    float: left;
    margin-left: 39px;
    text-align: center;
    width: 547px;
}


h4.results {
    background-color: #e7f5fd;
    padding: 19px;
    border: solid 2px #DBEAF3;
    border-radius: 2px;
    font-size: 14px;
    font-weight: lighter;
    font-family: helvetica;
}


.checkator_holder.checkbox {
    width: 24px!important;
}






/******** END of Stevens Dashboard ***********/




/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/*Cookie Consent End*/