/*
Created by Creatnovation. Feel free to use and distribute.
Send your comments or feedback to admin@creatnovation.com

Index
1. Basic page style and background
2. Breaking the viewable area into Header, Content and Footer
3. 
4. General Styles
5. Admin
6. Ajax
*/

/* 1. Basic page style and background */

html
{
	background-color:#000;
}
body 
{
	font:0.75em/1.5 verdana, arial, helvetica,sans-serif;
	margin:0 auto;
	width:1009px;
}
table {
  border-collapse: collapse;
}
input, select, textarea
{
	border:solid 1px #cccc33;
}
fieldset
{
	border:0;
}
fieldset legend
{
	font-size:1.3em;
	font-weight:bold;
}
#popupBackground
{
	background-color:#ffc;
}
/* End 1. */

/* 2. Breaking the viewable area into Header, Content and Footer */
.header
{
	height:130px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
}
.container, .containerLarge
{
	background-color:#ffffcc;
	background-image:url(images/content.jpg);
	background-repeat:repeat-y;
}

.footer
{
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	color:#000;
	text-align:center;
	font-size:12px;
	height:25px;
	padding-top:5px;
	padding-bottom:10px;
	font-family:verdana,tahoma,helvetica;
}
.container ul.body
{
    margin:0;
    padding:0;
}
.container ul.body li.MainContent, .container ul.body li.RightContent 
{
    float:left;
    list-style-type:none;
}
.MainContent
{
	width:680px;
	padding-left:30px;
	clear:left;
}
.RightContent
{
	border:dotted 1px #ccc;
	background-color:#ffef9e;
	width:255px;
	clear:right;	
}
.closeFloat
{
    clear:both;
    display:block;
}
.padding
{
    padding: 10px;
}
/* End 2. */

/* 3. */
a:link, a:visited 
{
  color:#3366bb;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

.containerPadding
{
    padding-left:30px;
    padding-right:30px;
}

.header ul
{
	margin:0;
	padding:10px 23px 0 23px;
}

.header ul li
{
	list-style-type:none;
	float:left;
}
.header ul li#logo a {
	float:left;
	height:0;
	overflow:hidden;
	padding-top:103px;
	width:249px;
}
.header ul li#logo a {
	background-image:url(images/logoHome.jpg);
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
}
.header ul li#logo a:hover {
	background-image:url(images/logoHome.jpg);
	background-repeat:no-repeat;
}

.containerLarge
{
    padding:0 30px 30px 30px;
}
.welcomePanel 
{
    width:710px;
    text-align:right;
    font-size:11px;
    color:#fff;
    font-weight:bold;
}
.welcomePanel a:link, .welcomePanel a:visited
{
    font-family: Arial, Sans-Serif;
    color:#fff;
    text-decoration:none;
    padding:3px 5px;
    border:1px solid;
}
.welcomePanel a:hover
{
    color:#000;
    background-color:#ffffcc;
    border:1px solid #aa6600;
    text-decoration:none;
}
.footer a:link, .footer a:visited
{
    color:#3366bb;
    text-decoration:none;
}
.footer a:hover
{
    text-decoration:underline;
}
.productImageContainer img
{
    width:116px;
    height:150px;
}
.productImageContainer a:link, .productImageContainer a:hover, .productImageContainer a:visited
{
    text-decoration:none;
}
.productBox {
  width: 183px;
  margin-right: 4px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-top: 5px;
}
.productImageContainer
{
	text-align:center;
}

.productImageContainer a img
{
  height: 150px;
  width: 116px;
  
}

a.catalogProductName:link, a.catalogProductName:visited
{
    color:#aa2200;
    text-decoration:none;
}
a.catalogProductName:hover
{
    text-decoration:underline;
}
h1, h2
{
  margin:0;    
  padding-top:15px;
  font-family: Times, Arial, Sans-Serif;
}
h1 {
  color:#aa2200;
  font-size:1.5em;
}

h2
{
    color:#000;
    padding-right:15px;
    font-size:1.2em;
}

dl.searchCriteria, dl.searchCriteria dt, dl.searchCriteria dd
{
	display:inline;
	margin:0;
}

dl.searchCriteria dt
{
	font-weight:bold;

}

.searchResult dt
{
	padding-top:15px;
	clear:both;
}

.searchResult dd, .searchResult ul
{
	margin:0;
	padding:5px 0 0 0;	
}

.searchResult li
{
	list-style-type:none;
	display:inline;
}

ul.loginForm, ul.searchTable, ul.registerForm
{
	margin:0;
	padding:10px;
}

ul.searchTable ul
{
	margin:0;
	padding:0;
}
ul.loginForm li, ul.searchTable li, ul.myAccounts li, ul.registerForm li
{
	list-style-type:none;
	padding-bottom:5px;
}

ul.loginForm li div, ul.searchTable li div, ul.registerForm li span
{
	width:80px;
	float:left;
}

ul.loginForm li.buttonBar, ul.searchTable li.buttonBar, ul.registerForm li.buttonBar
{
	padding-top:5px;
	text-align:right;
}

ul.myAccounts
{
	margin:0;
	padding:0;
}

ul.myAccounts li div
{
	width:130px;
	float:left;
}

ul.myAccounts li div.twoButtons
{
	text-align:center;
	float:left;
	width:50%;
	padding-top:5px;
}

.fixedWidthChngEmail
{
	width:275px;
}

.RightContent h2
{
	background-image:url(images/rightContentHeader.gif);
	background-repeat:repeat-x;
	color:#333333;
	margin:0;
	padding:0 10px 0 10px;
}

.RightContent p
{
	margin:0;
	padding:5px 10px 15px 10px;
}

.RightContent ul.registerInfo
{
	margin:0;
	padding:5px 10px 15px 20px;
}

.RightContent p ul li
{
	list-style-image:url(images/icons/whitearrow.gif);
}
/* End 3. */

/* 4. General Styles */
b.title
{
	font-family: Arial, Sans-Serif;
	color:#773300;
	font-size:1.0em;
}
b
{
	font-family: Arial, Sans-Serif;
	font-weight:bold;
	font-size:0.9em;
	color:#333;
}

.search_background 
{
	background-color:#ffffcc;
	border:solid 1px #ccc;
	margin:5px;
}
.instructionText
{
	font-size:0.85em;
	color:#a03;
	border-bottom:dotted 1px #a03;
}
.textbox {
	border:solid 1px #cccc33;
	width:130px;
}

.dropdownlist, .fwdropdownlist {
  	
	width:130px;
}

a.button:link, a.button:visited, a.buttonCancel:link, a.buttonCancel:visited, input.button
{
	font-family: Arial, Sans-Serif;
	padding:3px;
	border:solid 1px #aa6600;
	background-image:url(images/buttonDefaultBg.gif);
	background-repeat:repeat-x;
	background-color: #aa6600;
	color:#fff;
	font-weight:bold;
	text-decoration: none;
}

input.button
{
	margin:0;
	height:25px;
}

a.button:hover
{
	background-image:none;
	background-color: #cc6600;
	color:#ffc;
}
a.buttonCancel:hover
{
	background-color: #000;
	color:#000;
}
.subleftcolumn
{
	padding-top:20px;
	padding-right:10px;
	padding-bottom:10px;
	float:left;
	width:165px;
}
.subrightcolumn
{
	padding-right:10px;
	padding-bottom:10px;
	float:right;
	width:485px;
}
.floatleft
{
	float:left;
}
.errorText
{
	color:#a03;
}
.paddingRight
{
	padding-right:10px;
}
.paddingT15
{
	padding-top:15px;
}
.paddingT60
{
	padding-top:60px;
}
.paddingRB
{
	padding-top:20px;
	padding-right:10px;
	padding-bottom:10px;
}
/* End 4. */

/* 5. Admin */

.adminTable {
  width: 100%;
  border:1px dotted #666;
}

.adminTable th {
  background-image:url(images/rightContentHeader.gif);
	background-repeat:repeat-x;
	color:#333333;
  background-color: #ffc;
  border:1px dotted #666;  
}

.adminTable td {
  border: 1px dotted #666;  
}

.adminTableHeader {
	background-image:url(images/rightContentHeader.gif);
	background-repeat:repeat-x;
	color:#333333;
    font-weight: bold;
}

.messageCenter
{
	background-color:#efefef;
	border:1px dotted #ccc;
	margin-top:15px;
}

.messageCenter legend
{
	font-size:1.1em;
	font-weight:bold;
	color:#000;
}

/* End 5. */

/* 6. Ajax 
http://mattberseth.com/blog/2007/09/more_sample_ajaxcontroltoolkit.html
 ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header 
{
    font-family:"Helvetica Neue", Arial, Sans-Serif;
    background:url(images/tab-line.png) repeat-x bottom;
    font-size:.9em;
    display:block;
    font-weight: bold;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(images/tab.png) no-repeat left top;
    border-color:#222;
    color:#222;
    padding-left:10px;
    margin-right:3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner 
{
    background:url(images/tab.png) no-repeat right top;
    border-color:#666;
    color:#666;
    padding:3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner 
{
    color:#000000;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(images/tab.png) no-repeat 0pt -40px;
    border-bottom-color:#ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(images/tab.png) no-repeat right -40px;
    color:#000000;
    border-color:#333
}
.ajax__tab_technorati-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:1em;
    padding:8px;
    background-color:#ffffff;
    border:solid 1px #d7d7d7;
    border-top-width:0;
}

/* End 6. */

.buttons{
height:20px;
width:76px;
background-image:url(images/login_button.png);
background-position:0 -20px;
margin: 0;
padding: 0;
border: 0;
text-indent: -1000em;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}

.label {
  font-size: .8em;
}

.smalltextbox {
	font-size: .75em;
  height: 1.05em;
  width: 20px;  
}

.mediumtextbox {
	font-size: .85em;
  height: 1.25em;
  width: 80px;  
}

.multilinetextbox {
  width: 188px;
  height: 80px;  
}

.largemultilinetextbox {
  width: 350px;
  height: 150px;  
}

.longmultilinetextbox {
  width: 350px;
  height: 75px;  
}

.longtextbox {
  font-size: .90em;
  height: 1.35em;
  width: 325px;
}


.rightbutton {
	font-size: .7em;
	height: 20px;
	font-weight: bold;
  float: right;
}

.menuItem {
  color: #fff;
}

.menuItem a {
  cursor: pointer;  
}

.menuItem #left{
  width: 5px;
  display: inline;
  background: url(images/blue_tab_left.gif) no-repeat;
  height: 30px;
  position: relative;
  float: left;
}

.menuItem #mid {
  display: inline;
  background: url(images/blue_tab_middle.gif) repeat-x;
  height: 30px;
  position: relative;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}

.menuItem #mid #text {
  position: relative;
  top: 5px;
  color: #FFF;
}

.menuItem #right {
  width: 5px;
  display: inline;
  background: url(images/blue_tab_right.gif) no-repeat;
  height: 30px;
  position: relative;
  float: left;
}

.menuItemSelected {
  color: #fff;
}

.menuItemSelected a {
  cursor: pointer;  
}

.menuItemSelected #left {
  width: 5px;
  display: inline;
  background: url(images/lightblue_tab_left.gif) no-repeat;
  height: 30px;
  position: relative;
  float: left;
}

.menuItemSelected #mid {
  display: inline;
  background: url(images/lightblue_tab_middle.gif) repeat-x;
  height: 30px;
  position: relative;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}

.menuItemSelected #right {
  width: 5px;
  display: inline;
  background: url(images/lightblue_tab_right.gif) no-repeat;
  height: 30px;
  position: relative;
  float: left;
}

#headerRegion {
  margin-bottom: 15px;  
}

.sectionHeader {
  color: #aa2200;
  font-size: 1.5em;
  padding-bottom: 5px;
  font-weight: bold;
}

.navigationRule {
  border: 2px solid #024A76;
  position: relative;
  top: -8px; 
}

.verticalalign img {
  vertical-align: middle;
}

.verticalalign span {
  vertical-align: top;
}

.showAll {
  float: right;
}


.modalbutton {
	font-size: .7em;
	height: 20px;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bold;
	float: right;
}



.smallleft {
  float: left;
}

.smallright {
  float: right;  
}

#admin_centercontent {
  position: relative;
  border: 1px solid rgb(225,225,225);
  padding: 5px;
}

.mainMenu {
  width: 930px;
}

.adminMenu {
  width: 75%;
}

.level1, .level2 {
  margin-left: 5px;
}

.level3, .level4 {
  padding-left: 5px;
  padding-right: 5px;
  font-size: .9em;
  background-color: #fff;
  height: 25px;
}

.level3 td, .level4 td {
  border-top: 1px dotted #ccc;
}

.level4 {
  background-color: #eee;
}

.defaultProvider {
  font-weight: bold;
}

tr.row:hover, tr.over td {
  background-color: #FFFFB2;
}



#categoryTable {
  width: 100%;
}

#categoryTable td {
  vertical-align: top;  
}

.imageContainer {
  text-align: center;
  padding: 3px;
  margin-right: 5px;
  margin-bottom: 5px;
  height: 96px;
  width: 96px;
  border: 1px solid #CCC;
}

.imageContainer:hover {
  border: 1px solid #024A76;
  cursor: pointer;
}

#pageTable {
  width: 100%;  
}

#news {
  height: 200px; 
  overflow: auto;
  border: 1px solid #C0C0C0;
  padding: 5px;
}

.labelbold {
  font-size: .8em;
  font-weight: bold;
}

.rssFeedLink {
  padding: 3px;
  background-color: #CCC;
}

.rssFeedDescription {
  padding: 3px;
  padding-bottom: 20px;
}

.loginView img {
  vertical-align: middle; 
}

#footer {
  clear: both;  
}

#threeColumnLeftContent {
  width: 180px;
  float: left;
}

#threeColumnMainContent {
  margin-left: 185px;
  margin-right: 185px;
}

#threeColumnRightContent {
  width: 180px; 
  float: right;
}

#centercontent {
  position: relative;
  left: 37%;  
}

#site_centercontent {
  position: relative;
  border: 1px solid rgb(225,225,225);
  padding: 5px;
}

.contentMenu {
  clear:both;
  background: url(images/menu_admin.png) repeat-x;
}

.categoryMenu {
  margin-bottom: 20px;  
}

.catalogListing {
  margin-top: 10px;
  margin-bottom: 10px;
}
.retailPrice {
  font-size: .8em;
  font-weight: bold;
  color: #000;
  text-decoration: line-through;
  margin-right: 5px;
}

.ourPrice {
  font-size: .8em;
  font-weight: bold;
  color: #B22222; 
}

.averageRating {
  font-size: .8em;  
}

.rating {
  margin-left: 2px;
  margin-right: 2px;
}

.rating fieldset {
  border: 0px;  
}

.rating fieldset legend {
  position: relative;
  font-size: .8em;
  left: -10px;
}

.rating fieldset span {
  left: 100px;
  top: -14px;
}


.ratingStar {
  width: 13px;
  height: 12px;
  text-align: center;
  cursor: pointer;
}

.emptyStar {
  background-image: url(images/icons/emptystar.gif);
}

.filledStar {
  background-image: url(images/icons/filledstar.gif);
}

.waitingStar {
  background-image: url(images/icons/savedstar.gif);
}

.breadcrumbs {
  font-size: .8em;
  margin-bottom: 5px;
}

.paging {
  position: relative;
  height: 30px;
  display: block;
  background: transparent;
}


.pagingLeft {
  position: relative;
  width: 5px;
  display: inline;
  background: url(images/pagingbg_left.gif) no-repeat;
  height: 30px;
  float: left;
}

.pagingMid {
  position: relative;
  display: inline;
  height: 30px;
  background: url(images/pagingbg.gif) repeat-x;
  float: left;
  width: 95.7%;
  font-size: .8em;
  padding: 5px;
  text-align: center; 
}

.pagingRight {
  position: relative;
  width: 5px;
  display: inline;
  background: url(images/pagingbg_right.gif) no-repeat;
  height: 30px;
  float: left;
}

.links {
  position: relative;
  left: -60px;
  top: 3px;
}

.totals {
  float: left; 
  margin-top: 2px; 
}

.links a {
  padding: 3px;
  border: 1px solid transparent;
  color:  #0066A6;
  text-decoration: none;
}

.links a:hover {
  padding: 3px;
  font-weight: bold;
  border: 1px solid #CCC;
  background-color: #FFF;
  color: #0066A6;
}

.links a:visited {
  padding: 3px;
  color:  #0066A6;
  text-decoration: none;
}

.categoryImage {
}

.widget {
  font-size: .8em;
  margin-bottom: 20px;
}

.widget fieldset legend {
  font-size: .9em;
}

.imageCell {
  width: 45%;
  vertical-align: top;
}

.attribute {
  font-size: .7em;  
}

.addToCart fieldset {
  height: 150px;
}

.addToCart fieldset #buttonGroup {
  vertical-align: bottom;  
}

.cartSubTotal {
  width: 100%;
  border: 1px solid #C0C0C0;
  padding: 5px;  
  background-color: #EBEBEB;
}

.itemSku {
  width: 12%;
  text-align: left;
  font-size: .8em;
  vertical-align: top;  
}

.itemName {
  width: 50%;
  text-align: left;
  font-size: .8em;
  vertical-align: top;  
}

.itemQuantity {
  width: 12%;
  text-align: right;
  font-size: .8em;
  vertical-align: top;  
}

.itemAmount {
  width: 12%;
  text-align: right;
  font-size: .8em;
  vertical-align: top;  
}

.extendedAmount {
  width: 12%;
  text-align: right;
  font-size: .8em;
  vertical-align: top;
}

.quantitytextbox {
  text-align: right;
  width: 20px;  
}

.editArea {
  width: 10%;
  vertical-align: top;
  text-align: right; 
}


.subTotal {
  width: 20%;
  text-align: right;
  font-size: .8em;
  font-weight: bold;  
}

.subTotalAmount {
  width: 20%;
  text-align: right;
  font-size: .8em;
  font-weight: bold;  
}

.total {
  width: 20%;
  text-align: right;
  font-size: .8em;
  font-weight: bold;  
  border-top: 1px solid #000;
}

.totalAmount {
  width: 20%;
  text-align: right;
  font-size: .8em;
  font-weight: bold;  
  border-top: 1px solid #000;
}

.accordionHeader {
  border: 1px solid #2F4F4F;
  color: white;
  background-color: #0066A6;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
  padding: 5px;
  margin-top: 2px;
  cursor: pointer;
}

.accordionHeaderGray {
  border: 1px solid #2F4F4F;
  color: #555;
  /*background-color: #0066A6;*/
  background: url(images/greyfade_bg.gif) repeat-x;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
  padding: 5px;
  margin-top: 2px;
  cursor: pointer;
  height: 20px;
}


.cpeTitle { 
  float: left;
}

.cpeImage {
  float: right;
  vertical-align: middle;
}

#master_content .accordionHeader span {
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader span:hover {
	background: none;
	text-decoration: underline;
}

.accordionContent {
  background-color: #D9E8FF;
  border: 1px dashed #2F4F4F;
  border-top: none;
  padding: 5px;
  padding-top: 10px;
}

.checkoutRightPanel {
  font-size: .9em;
  border: 1px solid #CCC;
  border-top: none;
  border-right: none;
  color: #666;
  width: 100%;
  padding-left: 2px;
  margin-right: 0px;
}

.loadingbox {
  position: absolute;
  top: 40%;
  left: 40%;
  border: 1px solid lightsteelblue;
  background-color: #ffffff;
  height: 50px;
  width: 250px;
  text-align: center;
  padding-top: 20px;
}

.loadingbox img {
  vertical-align: middle;
}

.loadingbox span {
  vertical-align: top;
}

.rightAlign {
  text-align: right;  
}

.receiptTable {
  width: 100%;
}

.receiptTable th {
  font-size: .7em;
}

.readOnly {
  text-align: right;
  background-color: Transparent;
  border-style: none;
  width: 20px;  
}

.controlHeader {
  font-size: .8em;
  font-weight: bold;
  border-bottom: 1px solid #CCC;
}


.orderSummaryTable {
  font-size: .9em;
}

.favoriteProduct {
  margin-bottom: 7px;
  border-bottom: 1px solid #CCC;
}

.favoriteCategory {
  margin-bottom: 7px;
  border-bottom: 1px solid #CCC;
}

.scrollDiv {
  height: 150px;
  overflow: auto;
}

.scrollDiv table {
  width: 98%;
}

.shippingAddresses {
  width: 50%;
  font-size: .8em;
  float: right;
}

.billingAddresses {
  width: 50%;
  font-size: .8em;
  float: left;
}


.siteLevel1 {
  margin-left: 5px;
  font-size: .9em;
  font-weight: bold;
  height: 31px;
}

.siteLevel1 td a:link {
  color: #FFF;  
}

.siteLevel1 td a:visited {
  color: #FFF;
}

.siteLevel1 td a:hover {
  color: #EFEFEF;
}

.siteLevel2 {
  margin-left: 5px;
  font-size: .9em;
  font-weight: bold;
  /*height: 31px;*/
  background-color: #0066A6;
  height: 28px;
}

.siteLevel2 td {
}

.siteLevel2 td a:link {
  color: #FFF;
}

.siteLevel2 td a:visited {
  color: #FFF;
}

.siteLevel2 td a:hover {
   color: #CCC; 
}

.siteLevel2 td img {
  color: #FFF;
  background: transparent url(images/icons/whitearrow.gif) right center no-repeat;
}

.siteLevel3 {
  padding-left: 5px;
  padding-right: 5px;
  font-size: .9em;
  background-color: #0066A6;
  height: 28px;
}

.siteLevel3 td {
  border-top: 2px solid #4287BE;
}

.siteLevel3 td a:link {
  color: #FFF;
}

.siteLevel3 td a:visited {
  color: #FFF;
}

.siteLevel3 td a:hover {
   color: #CCC; 
}

.siteLevel3 td img {
  background: transparent;
}

.siteLevel4 {
  padding-left: 5px;
  padding-right: 5px;
  font-size: .9em;
  background-color: #007ECD;
  height: 25px;
}

.siteLevel4 td {
  border-top: 2px solid #3CA2E0;
}

.siteLevel4 td a:link {
  color: #FFF;
}

.siteLevel4 td a:visited {
  color: #FFF;
}

.siteLevel4 td a:hover {
   color: #CCC; 
}

/* Javascript DatePicker Starts */

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
/* Javascript DatePicker Ends */

/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("maskBG.png") !important; /* For browsers Moz, Opera, etc.*/
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}