/* 
---------------------------------------------
D E F I N E  B O D Y
---------------------------------------------
*/ 
html, body {height:100.2%;outline:0; margin:0; padding:0; text-align:center; font-family:"Lucida Grande", Arial, Sans-serif; }
body { font-size: small;  padding:0; border:0;  background:#3E5366;  }
* html body { font-size: x-small; /* for IE5/Win */ f\ont-size: small; /* for other IE versions */ }
/* 
---------------------------------------------
D E F I N E  L A Y O U T
---------------------------------------------
*/ 
#bodywrapper {width:980px;margin:0 auto;}
#wrapper {width:980px; min-width:600px;line-height:1.62em;margin:0 auto;position:relative;}
#header { width: 980px; float: left; margin:0px; padding:0px; background:url(../../images/enduser/rebrand_header_f.png) top no-repeat; }

#header ul {background:url(../../images/enduser/transparentulbg.png) repeat-x; float:left; width:100%; list-style:none;margin:90px 0px 0px 0px; padding:0px; }
#header ul li { display:inline; list-style:none; margin:0; padding:0;font-weight:bold; }
#header ul li a { display:block; float:left; border-left:0px solid #dddddd; margin:0px; padding:4px 10px; text-align:center; color:#ffffff; text-decoration:none; position:relative; left:15px; }
#header ul li a sup { margin:0px; padding:0px; font-size:0.8em; vertical-align:top; }
#header ul li a:hover, #header ul li a.selected:hover  { background:#000000; color:#fff; }
#header ul li a.selected{ color:#000; background:#eeeeee}
#header ul li a span {display:block;}




#sectioninfo { background:#eeeeee;text-align:left; border-bottom:1px solid #cccccc;padding:0px;vertical-align:top;}
.balance { float:right; text-align:right; padding:0px; }
.intro { float:left; text-align:left; padding:0px; }
.balance p, .intro p { padding:5px; margin:0px; }

.colmask { position:relative; clear:both; background:#ffffff; float:left; width:100%; overflow:hidden; text-align:left;}
.rightmenu { background:#DDDDDD; text-align:left; }
.rightmenu .colleft { float:left; width:200%; margin-left:-208px; position:relative; right:100%; border-right:1px solid #cccccc; background:#fff; }
.rightmenu .col1wrap { float:left; width:50%; position:relative; left:50%; padding-bottom:1em; }
.rightmenu .col1 { margin:10px 10px 10px 218px; overflow:hidden; }
.rightmenu .col2 { float:right; width:198px; position:relative; margin:10px 0px 0px 0px; left:208px; }
/*
#footer { clear:both; float:left; border-top:1px solid #cccccc; width:100%; height:90px; text-align:left; padding:5px 0px; background:#eeeeee url(../../images/enduser/EndUserFooter.gif) center bottom no-repeat;font-size:0.8em; }
*/

#footer { clear:both; float:left; border-top:1px solid #cccccc; width:100%; text-align:left; padding:5px 0px; ;font-size:0.8em; }

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;background:#eee;}
.b1f {height:1px;  margin:0 5px;}
.b2f {height:1px; margin:0 3px;}
.b3f {height:1px;  margin:0 2px;}
.b4f {height:2px;  margin:0 1px;}
.tailer {height:70px;background: #eee;margin:-5px 0px 0px 0px;padding:10px 5px;}
.tailer div {margin-left: 5px;}



/* Header Nav/Style  */ 
#login {padding:2px 5px;background:#E0F0FF;margin:-15px -15px 10px -15px;border-bottom:1px solid #cccccc;}

/* 
---------------------------------------------
Site style
---------------------------------------------
*/ 

a img {border:0px}
a { color:#369; }
a:hover { text-decoration:none; }
h1, h2, h3 { margin:0px 0px 10px 0px; padding:0; }
h1 { font-size:150%; }
h1 span { background:#375DA9; padding:5px; color:#ffffff; }
h2 { margin:5px 0px 10px 0px; font-size:130%; }
h2.dashtitle { border-top:1px solid #999999; border-bottom:1px solid #999999; background:#eeeeee; color: #000000; font-size:14px; padding: 4px 0px 4px 10px; }
td { vertical-align:top }
h3 { font-size:110%; }
p, li p { margin:0.5em 0 0.5em 0; padding:0; line-height:1.4em; }
ol, ul { margin:4px 0px }
ol li { list-style:decimal; margin:2px 0px 4px 20px; }
.productDesc ul li { list-style:disc; margin:2px 0px 4px 20px; }
dt { font-weight:bold; margin:0px 0px 5px 0px }
dd { margin:2px 0px 5px 20px }
img { margin:10px 0 5px; }
#footer img { float:left; margin:5px 15px 5px 15px; }
#footer p { padding:5px; color:#999999; margin:0; }
#footer li { display:inline; list-style:none; list-style-type:none; background:none; margin:0 0px 0px 0px; color:#999999; }
.points { background:url(../images/id_points_icon_sm.gif) no-repeat left; padding:5px 2px 5px 25px }
ul.minicart { list-style: none; list-style-type: none; margin-bottom: 2px; margin-left: 0; margin-top: 0; padding-left: 0 }
ul.minicart li { background-image:url(../../images/enduser/shoppingcart.gif); background-position: .1 .1em; background-repeat: no-repeat; list-style: none; list-style-type: none; font-weight:normal; padding:0px 0px 0px 25px; }
ul.more { list-style: none; list-style-type: none; margin-bottom: 2px; margin-left: 0; margin-top: 0; padding-left: 0 }
ul.more li { background-image:url(../../images/enduser/bullet.gif); background-position: .5em; background-repeat: no-repeat; list-style: none; list-style-type: none; font-weight:normal; padding:0px 0px 0px 25px; }


/* 
---------------------------------------------
P R O D U C T S
---------------------------------------------
*/ 


#shopWindow { width:100%; background:#ffffff;margin:-10px 0px 10px 0px; }
#productWrapper { width:100%; margin:0px auto; }
.productCell { text-align:center; padding:5px; font-size:0.9em; }
.productDesc { vertical-align:top }
.productCell img { padding:5px 0px; }
.productCell a { padding:10px; text-align:left; text-decoration:none; line-height:1.2em; }
.productCell a:hover { text-decoration:underline; }
.pcelldivider { vertical-align:top; border-bottom:2px solid #eeeeee; }
.prddiscont td {color:#999999;}
#shoppingCart { background: #ffffff; border-bottom:2px solid #999999; display: none; }
.productViewWrapper { padding:0px; margin:0px }
.productDetail { float:right; vertical-align:top; width:38%; border-left:1px solid #dddddd; }
.productDetail div { padding:10px }
.productDetailImageHolder { padding:5px 0px; }
.productDetail img { text-align:center; border:0px solid #999999; }
strong { font-weight:bold }
h3.productextra { margin:10px -10px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:5px 10px; font-weight:bold; }
.dept { background:#F7F9FC; text-align:right; }
.dept h1 { text-align:right; background:#D7DFEE; padding:5px;margin:0px }
.dept p {padding:5px;margin:0px;}
h2.deptcat { background:#375DA9; color:#ffffff; padding:3px; width:30%;margin:2px 0px -5px 0px; }
.fader ul { list-style: none; list-style-type: none; margin-bottom: 2px; margin-left: 0; margin-top: 0; padding-left: 0 }
.fader li { background-image:url(../images/icons/i.png); background-position: .1 .1em; background-repeat: no-repeat; padding-bottom: 5px; padding-left: 25px; list-style: none; list-style-type: none; }
/* 
---------------------------------------------
T A B L E S
---------------------------------------------
*/ 

table.index { border:0px; width:99.8%; margin:0px auto; }
table.index thead { border-right:1px solid #eeeeee; border-left:1px solid #eeeeee; }
table.index thead tr th { background:#999999; margin:3px; color:#ffffff; padding:3px;font-weight:bold; }
table.index thead tr th a { width:100%; }
table.index tbody tr td { background:#ffffff; margin:3px; padding:3px; border-top:1px solid #eeeeee; }
table.index tfoot tr td { border-top:1px solid #dddddd; background:#ffffff; margin:3px; padding:3px; }
table.index tbody tr.itemremoved td { background:#eeeeee; color:#cccccc; display:none; }
table.matrix { border:0px; width:99.8%; margin:0px auto; }
table.matrix tr td { padding:5px; border:0px }
table.matrix tr.matrixitem td { border-top:1px solid #999999; }
table.matrix tr th { font-weight:bold; }
td img { vertical-align:middle; }
th.c, td.c { text-align:center; }
th.l, td.l { text-align:left; }
th.r, td.r { text-align:right; }





/* 
---------------------------------------------
L E A G U E T A B L E S
---------------------------------------------
*/ 

table.leagues { border:0px; width:99.8%; margin:0px auto;line-height:1em }
table.leagues thead { border-right:1px solid #eeeeee; border-left:1px solid #eeeeee; }
table.leagues thead tr th { background:#999999; margin:3px; color:#ffffff; padding:3px;font-size:85% }

table.leagues thead tr th a { color:#ffffff;font-weight:bold; }

table.leagues tbody tr td {margin:3px; padding:6px; border-top:1px solid #eeeeee; }
table.leagues tbody tr.leagueselected td {background:#ccffff}

table.leagues tbody tr td.leaguetotal { background:#666666; color:#ffffff;}

/* 





/* 
---------------------------------------------
D A T E   F I L T E R 
---------------------------------------------
*/ 

.datefilter { margin:0px 0px 5px 0px; padding:4px; background:#eeeeee; }
.datefiltercontainer { width:500px; padding:5px 0px; }
.datefilter form { padding:0px; margin:0px; }
.datefilter label { float:left; display:block; width:50px; font-size:1.3em; vertical-align:middle; text-align:right; padding:5px 5px 0px 0px; }
.datefilter .datefrom { float:left; width:150px; }
.datefilter .dateto { float:left; width:150px; }
.datefilter .datesubmit { float:right; width:130px; }
/* 
---------------------------------------------
FORMS
---------------------------------------------
*/ 

input[type=text],input[type=password], textarea, select { border: 1px solid #dddddd; padding:5px; color: #000; background:#FFFFFf; padding:3px; margin:0px 0px; }
textarea { width:90%; height:100px; }
.from { background:white url(../images/supervisor/from_bg.gif) no-repeat scroll 1px -1px; width:80px; padding-left:45px; border:1px solid #dddddd; }
.to { background:white url(../images/supervisor/to_bg.gif) no-repeat scroll 1px -1px; width:80px; padding-left:30px; border:1px solid #dddddd; }
.date { background:white url(../images/supervisor/date_bg.gif) no-repeat scroll 1px -1px; width:80px; padding-left:45px; border:1px solid #dddddd; }
.checkbox { border:0px }
fieldset { border:0px; margin:0px 0px 5px 0px; }
form div { margin:0px 0px 10px 0px }
legend { font-weight:bold; padding:5px 0px; margin:0px 5px 0px 0px; font-size:1.4em; }
label { text-align:right; display:block; float:left; margin:0px; padding:0px 3px; width:115px; font-weight:normal; color:#999999; }
.submit label { border:0px }
.req, .opt { clear:both; padding:5px 5px; }
.req { background:#FCFBF6; border-top:1px solid #F4F2E5; border-bottom:1px solid #F4F2E5 }
/* 
---------------------------------------------
E R R O R S
---------------------------------------------
*/ 
  
.error { border:0px solid #cc0000; background:#FDECF2; padding:4px; }
.error h3 { margin:0px; padding:2px 0px; }
.error h2 { margin:0px; padding:2px 0px; }
.error ul { list-style: none; list-style-type: none; margin-bottom: 2px; margin-left: 0; margin-top: 0; padding-left: 0 }
.error ul li { background-image:url(../images/icons/i.png); background-position: .2 .4em; background-repeat: no-repeat; padding: 5px 0px 5px 25px; list-style: none; list-style-type: none; font-weight:bold; }
ul.error { background:#ffffff; list-style: none; list-style-type: none; margin-bottom: 2px; margin-left: 0; margin-top: 0; padding-left: 0 }
ul.error li { color:#cc0000; list-style: none; list-style-type: none; font-weight:bold; }
/* 
---------------------------------------------
SHOP Menu
---------------------------------------------
*/ 



#shopmenu  { width:100%;line-height:1.62em;}
#shopmenu dt { border-top:1px solid #999999; border-bottom:1px solid #999999; padding:2px 10px; margin:0px -10px 4px -10px; background:#cccccc; color:#ffffff;cursor:pointer;position: relative;width:100%; }
#shopmenu dd { margin:2px 0px 6px 0px;padding:0px; }
#shopmenu ul { list-style-type:none; margin: 0; padding: 0; line-height:1.62em; }
#shopmenu ul li a { display: block;height:22px; text-decoration: none; }
#shopmenu dt.navon {background: #cccccc url(../../images/enduser/navon.gif) 80% no-repeat;}
#shopmenu dt.navoff {background: #cccccc url(../../images/enduser/navoff.gif) 80% no-repeat;}
/* 
---------------------------------------------
LIST DIVIDER
---------------------------------------------
*/ 

.horizlist { border-top:3px solid; border-bottom:1px solid; padding:2px; margin:2px 0px 10px 0px;border-color:#375DA9;background:#ffffff; }
.horizlist ul { margin: 0.10em 0; padding: 0 0; list-style: none; }
.horizlist li { display: inline; margin: 0; font-size:0.90em; padding: 0 0.2em 0 0.5em; background: url('../../images/furniture/line.gif') left center no-repeat; }
.horizlist a { margin-left: 3px; /* Width of the graphic */ text-decoration:none; }
.horizlist a.selected { background:#375DA9; color:#ffffff; padding:3px; }
.horizlist .first { padding-left: 0; background: none; }
.horizlist .first a { margin-left: 0; }
/* 
---------------------------------------------
C L E A R - F L O A T   H A C K
---------------------------------------------
*/ 

.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 */



/* 
#header ul li a:hover {background:#372B9B}
.dept h1  {background:#6D9CA2;color:#ffffff}

.rightmenu  {background:#E0EFEE}
.horizlist {border-color:#372B9B}
h2.deptcat {background:#372B9B}
#login {background:#EFFFFF}
.points { background:url(../accounts/72D7A2F4-1422-139A-B1441133AF61ABED/images/e_icon.gif) no-repeat left; padding:5px 2px 5px 25px }

*/


.demoImage {
 position:absolute;
 top:-10px;
 right:0;
 z-index:999;
 width:80px;

}


/* 
---------------------------------------------
REGISTRATION PAGES
---------------------------------------------
*/ 

#welcomeLogin {clear:all;padding:5px 15px;background:#E0F0FF;margin:-15px -15px 0px -15px;border-bottom:1px solid #cccccc;border-top:2px solid #dddddd}

#welcomeLogin:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#welcomeLogin { display: inline-block; }
/* Hides from IE-mac \*/
* html #welcomeLogin { height: 1%; }
#welcomeLogin { display: block; }

 #welcomeLoginForm {width:60%;float:left}
 #welcomeLoginForm  label {width:70px;margin:2px 0px 0px 0px}
 #welcomeLoginForm  label span {padding:2px;}
 #welcomeLoginForm input {background:#ffffff url(../../images/login/login_bg.gif) top left no-repeat}
 
 #welcomeLogin h1 {font-size:16px;color:#666666;margin:0px 0px 5px 0px}
 #welcomeLoginRegistration {width:36%;float:right;border-left:1px solid #cccccc;padding:0px 0px 0px 20px}
 
#welcomeContent {padding:10px 20px;}
#welcomeContent h1 {margin:10px 0px  }

p.e {color:#ee0000;background-image:url(../images/icons/warning.gif); background-position: .1 em; background-repeat: no-repeat;padding-left: 20px;}
p.i {color:#000000;vertical-align:middle;background-image:url(../images/icons/i.png); background-position: .1 em; background-repeat: no-repeat;padding-left: 20px;}