@charset "utf-8";
/* CSS Document */

/* The boxes with rounded corners have been labeled as follows:
R-right side
C-center
L-left side */

body {
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.a {
	color:#709FB1;
	text-decoration:none;
	}
	
/*********************************
*    JQUERY CSS
*********************************/

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 373px;
    width: 760px;
    overflow: auto;
    overflow-x: hidden;
	overflow-y: hidden;
    position: relative;
    clear: left;
}


.scroll 
{
	color: #333333;
	text-align: left;
}

.scroll p 
{
	margin: 20px 0 5px 0;
	line-height: 125%;
	font-size: 11px;
}

.scroll a{
	line-height: 125%;
	font-size: 11px;
	color:#709FB1;
	text-decoration:none;
}

.scroll a:hover {
	line-height: 125%;
	font-size: 11px;
	color:#006600;
	text-decoration:none;
}

.scroll h2 
{
	padding: 20px 0 15px 0;
	margin: 0;
	font-size: 15px;
	font-weight:bold;
}


.scroll h3 {
	padding: 5px 0 5px 0;
	margin: 0;
	font-size: 12px;
	font-weight:bold;
}
.scrollContainer div.panel {
    padding: 0;
    height: 373px;
    width: 760px;
}

.navigation {
	text-align: left;
}
ul.navigation {
    list-style: none;
    margin: 6px 0 0 0;
    padding: 0;
    padding-bottom: 6px;
}

ul.navigation li {
    display: inline;
    margin-right: 5px;
	padding:0;
}

ul.navigation a {
    padding: 7px 15px;
	margin: 0;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #F3F7F8;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 200px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -41px;
}

.scrollButtons.right {
    right: -41px;
}

.hide {
    display: none;
}

/*********************************
*    END JQUERY CSS
**********************************/
 
/* Divs containing the header images */

.headerL {
	background:url(../images/header_L.jpg); 
	background repeat: no-repeat;
	width: 33px;
	height: 133px;
}

.headerC {
	background:url(../images/header_bkgrd.jpg); 
	background repeat: repeat-x;
	height: 104px;
	
}

.headerR {
	background:url(../images/header_R.jpg); 
	background repeat: no-repeat;
	width: 33px;
	height: 133px;
}

.headerLogo {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	width: 346px;
	height: 104px;
}

.buttons {
	color:#333333;
	font-size: 9px;
	padding-top: 20px;
}

/* Divs containing the navigation bar images */


.navL {
	background-image: url(../images/navL.jpg);
	background-repeat: no-repeat;
	width: 18px;
	height: 29px;
	float: left;
}

.navC {
	background-image: url(../images/navC.jpg);
	background-repeat: repeat-x;
	width: 848px;
	height: 29px;
	float: left;
	margin: 0;
	padding: 0; 
}

.navR {
	background-image: url(../images/navR.jpg);
	background-repeat: no-repeat;
	width: 18px;
	height: 29px;
	float: left;
}

/* Navigation */

.navlist {
	margin: 0;
	padding: 8px 0 20px 10px;
}

.navlist ul, .navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

.navlist a:link, .navlist a:visited {
	font-size: 10px;
	float: left;
	font-weight: normal;
	line-height: 14px;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #FFFFFF;
}

.navlist a:link#current, .navlist a:visited#current, .navlist a:hover {
	border-bottom: 4px solid #333;
	padding-bottom: 2px;
	background: transparent;
	color: #333;
}

.navlist a:hover { 
	color: #333; 
}

.admin_navigation {
	margin: 0;
	padding: 8px 0 20px 10px;
}

.admin_navigation ul, .navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

.admin_navigation a:link, .navlist a:visited {
	font-size: 10px;
	float: left;
	font-weight: normal;
	line-height: 14px;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #FFFFFF;
}

.admin_navigation a:link#current, .navlist a:visited#current, .navlist a:hover {
	border-bottom: 4px solid #333;
	padding-bottom: 2px;
	background: transparent;
	color: #333;
}

.admin_navigation a:hover { 
	color: #333; 
}

/* Bottom box rounded corners and backgrounds */

.bluebox_TC {
	background-image: url(../images/bottombox_TC.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	color:#333333;
	font-size: 16px;
	padding-top: 5px;
}


.bluebox_center {
	background-image: url(../images/bottombox_center.jpg);
	background-repeat: repeat-x;
	background-color: #7DA8B8;
}

.bluebox_bottom {
	background-image: url(../images/bottombox_BC.jpg);
	background-repeat: repeat-x;
}

/* Subnavigation inside the black box */

.subnav {
	background-image:url(../images/subnav_C.jpg);
	background-repeat: repeat-x;
	font-size:10px;
	color:#333333;
}

/* Footer image */

.footer {
	text-decoration: none; 
	padding:0; 
	color:#FFFFFF;
	font-size:10px;
}

.footer a{
	text-decoration: none; 
	padding:0; 
	color:#FFFFFF;
	font-size:10px;
}

.footer a:hover{
	text-decoration: none; 
	padding: 0; 
	color: #A6C4CF;
	font-size:10px;
}

.bottom {
	padding: 3px 0 0 0;
}

/* Footer Navigation*/

#navcontainer ul { 
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size:11px; 
}

#navcontainer ul li { 
	display: inline;
	font-size:11px; 
}


#navcontainer ul li a { 
	text-decoration: none; 
	padding: .2em 1em; 
	color:#FFFFFF;
	font-size:11px;
}

#navcontainer ul li a:hover {
	color: #A6C4CF;
	font-size:11px;
}

/* Empty Div for jquery slider content */

.slider_content {
	color: #333333;
	width: 760px;
	height: 359px;
	text-align: left;
	padding: 0;
	margin: 0;
}

.slider_content p {
	margin: 20px 0 5px 0;
	line-height: 125%;
	font-size: 11px;
}

.slider_content h2 {
	padding: 20px 0 15px 0;
	margin: 0;
	font-size: 15px;
	font-weight:bold;
}

.slider_content h3 {
	padding: 5px 0 5px 0;
	margin: 0;
	font-size: 12px;
	font-weight:bold;
}

/* jquery content */

.iconfloat {
	float: left;
	margin: 0 10px 0 0 ;
	padding: 0;

}

.border {
	border-bottom: #99B5B9 solid 1px;
	margin: 0;
	padding: 0 0 10px 0;
}

.smallicons {
	align: left;
	margin: 0;
	padding: 0 10px 0 0;

}

.pictures {
	float: left;
	margin: 10px 10px 0 0 ;
	border:#99B5B9 solid 1px;
}

.printimages {
	float: left;
	margin: 20px 0 0 0 ;
}


.employeelog {
	padding: 3px 0 0 0 ;

}

.pagetitle {
	padding-right: 5px;
	float: left;
	width: 300px;
}

.pagetitle a{
	line-height: 125%;
	font-size: 11px;
	color:#709FB1;
	text-decoration:none;
}

.pagetitle a:hover{
	line-height: 125%;
	font-size: 11px;
	color:#006600;
	text-decoration:none;
}

.landingpages {
	padding-right: 5px;
	float: left;
	width: 700px;
}

.landingpages p {
	margin: 20px 80px 0 130px;
	border-left: #99B5B9 solid 1px;
	padding-left: 10px;
	line-height: 145%;
	font-size: 12px;
}

.landingpages h2 {
	padding: 20px 0 15px 0;
	margin: 0;
	font-size: 15px;
	font-weight:bold;
}

.landingpages_pics {
	float: right;
	margin: 30px 10px 0 0 ;
	border:#99B5B9 solid 1px;
}

.aboutus {
	padding-right: 5px;
	float: left;
	width: 430px;
}

.production {
	padding-right: 5px;
	float: left;
	line-height: 140%;
	width: 340px;
}

.cases {
	padding-right: 5px;
	float: left;
	line-height: 140%;
	width: 280px;
}
.case_production {
	float: right;
	background-color: #E4E4E4;
	width: 350px;
	text-align: left;
	overflow: scroll;
	overflow-x: hidden;
	border:#99B5B9 solid 1px;
	padding-top: 15px;
}

.whatwedo {
	padding-right: 5px;
	float: right;
	width: 300px;
}

.testimonials, .careers, .awards {
	float: right;
	background-color: #E4E4E4;
	width: 425px;
	height: 347px;
	text-align: left;
	overflow: scroll;
	overflow-x: hidden;
	border:#99B5B9 solid 1px;
	padding-top: 15px;
}

.testinterior {
	background: #FFFFFF url(../images/testInterior_bottom.jpg) no-repeat bottom left;
	width: 379px;
	margin: 0px 0 15px 15px;
}

.testinterior_top {
	background: #FFFFFF url(../images/testInterior_top.jpg) no-repeat top left;
	width: 379px;
	height: 11px;
	display: block;
}

.testinterior_content, .career_content {
	width: 349px;
	padding: 0 15px 15px 15px;
	text-align: left;
}

.archiveinterior {
	background-color:#FFFFFF;
	/*width: 349px;*/
	width: 320px;
	/*margin: 0px 0 15px 15px;*/
}

.archiveinterior_top {
	background: #FFFFFF url(../images/testInterior_top.jpg) no-repeat top left;
	width: 340px;
	height: 11px;
	display: block;
}

.archiveinterior_content, .career_content {
	/*width: 320px;*/
	width: 290px;
	padding: 0 15px 15px 15px;
	text-align: left;
}

.awardsbox {
	background: #FFFFFF url(../images/testInterior_bottom.jpg) no-repeat bottom left;
	width: 379px;
	margin: 0 0 15px 15px;
	padding: 0 0 11px 0;
}

.awardsbox_top {
	background: #FFFFFF url(../images/testInterior_top.jpg) no-repeat top left;
	width: 379px;
	height: 11px;
	display: block;
}

.awardsTitle {
	width: 310px;
	color: #000000;
	font-size:12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.awardsTitle p{
	width: 310px;
	color: #000000;
	font-size:11px;
	font-weight:normal;
	margin: 0;
	padding: 5px 0 5px 0;
}
.awardicons {
	margin: 0 15px 0 0;
	padding: 0px;
}

.sitemanage {
	float: right;
	background-color: #E4E4E4;
	width: 400px;
	height: 300px;
	text-align: left;
	border:#99B5B9 solid 1px;
	padding-top: 15px;
}

.tools {
	float: right;
	background-color: #E4E4E4;
	width: 415px;
	height: 347px;
	text-align: left;
	border:#99B5B9 solid 1px;
	padding-top: 15px;
}
.testinterior_name {
	font-size: 11px;
	font-weight: bold;
	color: #709FB1;
	margin: 0;
	padding: 0;
}


.news_headline {
	width: 334px;
	font-size: 12px;
	font-weight: bold;
	padding: 0 15px 5px 0;
	text-align: left;
}

.news_date {
	width: 334px;
	font-size: 11px;
	font-weight: bold;
	padding: 0 15px 5px 0;
	text-align: left;
}

.news_read  {
	font-size: 11px;
	font-weight: bold;
	color: #709FB1;
	margin: 0;
	padding: 0;
}

.news_read {
	font-size: 11px;
	font-weight: bold;
	color: #709FB1;
	margin: 0;
	padding: 0;
}

.artsubmit td {
	line-height: 100%;
	font-size: 11px;
	padding-left: 8px;
	padding-top: 5px;
}

.mediuminput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 150px;
	
}

.mediumtextarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 150px;
	height: 60px;
}

.largeinput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;
	
}

.largetextarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;
	height: 100px;
}

.uploads {
	float: right;
	background-color: #E4E4E4;
	width: 320px;
	text-align: left;
	border:#99B5B9 solid 1px;
	padding: 20px;
}

.uploads_pagetitle {
	float: left;
	width: 340px;
}

.artform {
	font-size: 12px;
	background-color: #7DA8B8;
}

.artform_top {
	background-image:url(../images/upload_top.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	background-color: Transparent;
	padding:0;
	margin:0;
}

.artform_bottom {
	background-image:url(../images/upload_bottom.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

.bkgrdcontact {
	float: right;
	background-color: #E4E4E4;
	height: 290px;
	width: 410px;
	border:#99B5B9 solid 1px;
	padding-top: 15px;
	margin: 15px 20px 0 0;
}

.contactform td {
	line-height: 100%;
	font-size: 11px;
	padding-left: 8px;
	padding-top: 5px;
}
table.contactinfo {
	padding-left: 3px;
}

.career_title {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 8px 0;
	padding: 10px 0 3px 0;
}

.login {
	float: right;
	background-color: #E4E4E4;
	height: 150px;
	width: 380px;
	text-align: left;
	border:#99B5B9 solid 1px;
	padding-top: 15px;
}

.sitemap {
	font-size: 12px;
	line-height: 170%;
	font-weight: bold;
	color: #577580;
	margin: 0;
	padding:  8px 0 8px 0;
}

.sitemap ul {
	list-style-type: none;
	padding: 0; 
	margin-left: 1em;

}

.sitemap li {
	background-image:url(../images/bullets.jpg);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-left: .9em;

}

.sitemap a {
	text-decoration: none;
	color: #000000;
	margin: 0;
	padding: 0;
}

.sitemap a:hover {
	color: #709FB1;
	text-decoration:underline;
	margin: 0;
	padding: 0;
}	

.print_boxes {
	font-size: 11px;
	line-height: 140%;
	color: #000000;
	margin: 0;
	padding: 0;
}

.print_boxes ul {
	list-style-type: none;
	padding: 0; 
	margin: 0;

}

.print_boxes li {
	background-image:url(../images/bullets.jpg);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1.0em;

}

.casestudy_production {
	background-color: #E4E4E4;
	background-image: url(../images/caseR01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 385px;
	height: 340px;
}

.casestudy_fulfillment {
	background-color: #E4E4E4;
	background-image: url(../images/caseR02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 390px;
	height: 340px;
}

.casestudy_distribution {
	background-color: #E4E4E4;
	background-image: url(../images/caseR03.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 390px;
	height: 340px;
}

.casestudy_online {
	background-color: #E4E4E4;
	background-image: url(../images/caseR04.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 390px;
	height: 340px;
}

.casestudy_nextback {
	background-color: #E4E4E4;
	background-image: url(../images/caseR01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 385px;
	/*height: 340px;*/
	height: 334px;
}

.casestudy_nextback_container {
	background-color: #E4E4E4;
	float: right;
	height: 354px;
	width: 385px;
}

.caseinterior {
	background-color: #FFFFFF;
	overflow: scroll;
	overflow-x: hidden;
	border:#99B5B9 solid 1px;
	margin: 12px 0 0 15px;
	padding: 10px 15px 0 10px;
	/*height: 290px;*/
	height: 304px;
	width: 320px;
}

.study{
	line-height: 130%;
	font-size: 11px;
	padding: 5px 8px 8px 8px;
	border-left: #99B5B9 solid 1px;
}

.testimonalheader {
	font-size: 12px;
	font-weight: bold;
	color:#577580;
	margin: 0;
	padding: 5px 0 5px 0 ;

}

.studyheader {
	font-size: 14px;
	line-height: 170%;
	font-weight: bold;
	color: #577580;
	margin: 0;
	padding:  0 0 8px 0;
	border-bottom: #99B5B9 solid 1px;

}


.admin_main {
	float: right;
	background-color: #E4E4E4;
	width: 465px;
	height: 347px;
	text-align: left;
	border:#99B5B9 solid 1px;
	padding-top: 15px;
}

.admin_pagetitle {
	float: left;
	width: 285px;
}

.management {
	float: left;
	width: 760px;
}

.management h2 {
	padding: 20px 0 15px 0;
	margin: 0;
	font-size: 15px;
	font-weight:bold;
}

.admin_titles {
	margin:0;
	padding: 10px 0 5px 0;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

.admin_links a {
	margin:0;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color:#577580;
	text-decoration: none;
	font-weight: bold;
}

.admin_links a:hover {
	margin:0;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #333 ;
	text-decoration: underline;
	font-weight: bold;
}


ul.studylist  {
	margin: 20px 0 0 0;
	padding: 0;
	
}

.studylist li { 
	margin: 0 0 .2em 0;
	list-style-type: none;
}

.studylist a {
	display: block;
	color: #000;
	background-color: #E2ECEE;
	width: 200px;
	padding: 5px 5px;
	text-decoration: none;
}

.studylist a:hover {
	background-color: #99B5B9;
	color: #FFF;
}

#archives ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#archives a
{
display: block;
color: #000;
background-color: #E2ECEE;
width: 250px;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
}

#archives a:hover
{
background-color: #99B5B9;
color: #FFF;
}

#archives li li a
{
display: block;
color: #000;
background-color: #E2ECEE;
width: 250px;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}

.nextback {
	margin: 0 23px 0 15px;
}

.nextback a{
color: #000;
    text-decoration: none;
}

#studylistnav a.activeSlide {
	background-color: #d5e2e8;
}



/* Crossbrowser styles */

p
{
	display: block;
	margin: 1em 0;
}

ul
{
	display: block;
	margin: 1em 0;
	padding-left: 40px;
}

ol
{
	display: block;
	margin: 1em 0;
	padding-left: 40px;
}

input[type="text"], input[type="password"], input[type="file"]
{
	margin: 1px 0 1px 0;
	padding: 1px 1px 1px 1px;
}

input[type="checkbox"]
{
	margin: 4px 3px 3px 4px;
}

input[type="radio"]
{
	margin: 4px 3px 4px 5px;
}

/* Admin */

input, select, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.hidden
{
	display: none;
}

.failure-text
{
	color: #ff0000;
}

.PDFmiddle {
	background-image:url(../images/PDF%20buttons/middle.jpg);
	background-repeat: repeat-x;
}

.PDFmiddle a {
	padding: 5px;
	font-size: 12px;
	color: #577580;
	font-weight: bold;
	text-decoration: none;
}

.PDFmiddle a:hover {
	padding: 5px;
	font-size: 12px;
	color: #577580;
	font-weight: bold;
	color: #333 ;
	text-decoration: underline;
}
	

.progress
{
	color: #000000;
	float: right;
	font-style: italic;
}

/* Forms */

input.small-number
{
	width: 37px;
}

input.number
{
	width: 74px;
}

input.date
{
	width: 99px;
}

input.state
{
	width: 49px;
}

input.zip
{
	width: 99px;
}

input.small
{
	width: 149px;
}

input.medium-small
{
	width: 199px;
}

input.medium
{
	width: 298px;
}

input.medium-large
{
	width: 397px;
}

input.large
{
	width: 596px;
}

textarea.small
{
	height: 43px;
	width: 149px;
}

textarea.medium-small
{
	height: 57px;
	width: 199px;
}

textarea.medium
{
	height: 86px;
	width: 298px;
}

textarea.medium-large
{
	height: 115px;
	width: 397px;
}

textarea.large
{
	height: 172px;
	width: 596px;
}

/* Rounded borders */

table.rb
{
	border-style: none;
}

table.rb td
{
	padding: 0;
}

.rb-tl
{
	background-image: url(../images/border-1-tl.gif);
	width: 9px;
	height: 34px;
}

.rb-tc
{
	background-image: url(../images/border-2-tc.gif);
	color: #ffffff;
	font-weight: bold;
	height: 27px;
	padding-bottom: 7px !important;
}

.rb-tr
{
	background-image: url(../images/border-3-tr.gif);
	width: 9px;
	height: 34px;
}

.rb-ml
{
	background-image: url(../images/border-4-ml.gif);
	background-repeat: repeat-y;
	width: 5px;
}

.rb-mc
{
}

.rb-mr
{
	background-image: url(../images/border-6-mr.gif);
	background-position: right;
	background-repeat: repeat-y;
	width: 5px;
}

.rb-bl
{
	background-image: url(../images/border-7-bl.gif);
	width: 9px;
	height: 10px;
}

.rb-bc
{
	background-image: url(../images/border-8-bc.gif);
	height: 10px;
}

.rb-br
{
	background-image: url(../images/border-9-br.gif);
	width: 9px;
	height: 10px;
}

/* Grid */

.Grid 
{ 
  border: 1px solid #57566F; 
  border-bottom: 2px solid #57566F; 
  background-color: #FFFFFF;
  cursor: pointer;
}

.GridData
{
  border: 0px;
  border-left: 5px solid black;
  border-right: 5px solid black;
  height: 300px;
}

.GridFooter
{
  background-image: url(../images/grid/grid_footer_bg.gif);
  cursor: default; 
  padding: 5px;
  height: 40px;
  vertical-align: bottom;
  border: 0px;
  border-left: 5px solid black;
  border-right: 5px solid black;
}

.GridFooterText
{
  color: #000000;  
  /*font-family: Arial, Helvetica, sans-serif; */
  font-size: 11px;
}

.HeadingRow 
{ 
  background-color: #E9E9EB; 
  background-image: url(../images/grid/header_rowBg.gif);   
}

.HeadingCell 
{ 
  background-image: url(../images/grid/header_bg.gif);   
  background-color: #E9E9EB; 
  padding: 5px;
  padding-top: 2px; 
  padding-bottom: 2px; 
}

.HeadingCellHover
{ 
  background-image: url(../images/grid/header_hoverBg.gif);   
  background-color: #F6F6F7; 
}

.HeadingCellActive
{ 
  background-image: url(../images/grid/header_activeBg.gif);   
  background-color: #F6F6F7;  
}

.HeadingRow td.FirstHeadingCell
{ 
  background-image: url(../images/grid/header_bg.gif); 
}

.HeadingCellText
{
  /*font-family: Arial, Helvetica, sans-serif; */
  font-size: 10px; 
  font-weight: bold; 
  text-align: left;
  color: #000000;
  padding-top: 3px;
  padding-bottom: 5px;
}

.Row 
{ 
  background-color: #FFFFFF; 
  cursor: default;
}

.Row td.DataCell 
{ 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  border-bottom: 1px solid #BFDBF5; 
  /*font-family: Arial, Helvetica, sans-serif; */
  font-size: 10px;
  color: #000000;
} 

.SortedDataCell 
{ 
  background-color: #F5F5F5; 
} 


.Row td.LastDataCell 
{ 
  background-color: #EFEFF4; 
} 

.SelectedRow 
{ 
}

.SelectedRow td.DataCell 
{ 
  background-image: url(../images/grid_selected_item_bg.gif); 
  padding: 2px; 
  padding-left: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  /*font-family: Arial, Helvetica, sans-serif; */
  font-size: 10px;
  color: #000000;
  border-bottom: 1px solid #BFDBF5; 
  border-right: 0px; 
}

.SelectedRow td.FirstDataCell 
{ 
  border-left: 1px solid #4B4B6F; 
  border-right: 0px; 
  padding-left: 2px; 
  padding-right: 3px; 
}

.SelectedRow td.LastDataCell 
{ 
  border-right: 1px solid #4B4B6F; 
}

.GroupHeading
{
  color: #706F91; 
  background-color: #FFFFFF; 
  /*font-family: Arial, Helvetica, sans-serif; */
  font-weight: bold;
  font-size: 11px; 
  border-bottom: 2px solid #A5A4BD; 
  padding-top: 10px;
  padding-bottom: 3px;
}

.GroupByCell
{
  cursor: pointer;
}

.GroupByText
{
  color: #FFFFFF; 
  font-size: 11px;   
  font-weight: bold; 
  padding-right: 5px;
}

.SliderPopup
{
  background-color: #ffffff; 
  border: 1px solid #4B4B6F; 
  border-top-color: #9495A2; 
  border-left-color: #9495A2; 
  font-size: 11px; 
  /*font-family: Arial, Helvetica, sans-serif;*/
  width: 150px;
  height: 30px;
  color: #000000;
}

.grid_header
{
	background-image: url(../images/grid/grid_preheader.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	height: 25px;
	padding: 7px 10px 2px 10px;
	width: 680px;
}

.grid_footer
{
	background-image: url(../images/grid/grid_postfooter.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	height: 1px;
	padding: 7px 10px 2px 10px;
	width: 680px;
}

.grid_loading
{
	background-image: url(../images/grid/spinner.gif);
	height: 16px;
	width: 16px;
}

/* Calendar */

.calendar_button
{
	border:none;
	cursor:pointer;
	vertical-align: bottom;
}

.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 12px;
  font-weight: bold;
  font-family: "Verdana",monospace;
  padding: 2px;
  cursor: pointer;
}

.calendar td
{
  font-size:11px;
}

.title
{
	font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
	width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
	width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
	width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:middle;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:middle;
  background-color:#FFFFFF;
}
