/*Browser specific*/
.ie6 #header{height:148px; }
.ie6 #siteNavigation ul .siteNav_item01  a{margin-left: 8px;}
.ie6 #register_sale .inputTextShort{ margin-right:45px; }
.ie6 .pngIE, .delimiterTraining, .title{behavior: url('iepngfix.htc');}


/*Master Reset*/
*{margin: 0; padding: 0; font-family: Verdana; font-size: 11px; color: #2f2f2f; background-position: 0 0; background-repeat: no-repeat!important; outline: none; outline-style:none; outline-width:0; }


body{background: #fff url(../images/bg_body.gif) repeat-x !important; padding:20px 0 0 0;}
li{list-style-type: none;}
hr {border: 0; width: 100%;}
img{border: 0; display: block; margin: 0;}
a{text-decoration: underline;}
a:hover{text-decoration: underline; }

h1{font-size:17px; font-weight: bold; text-transform: uppercase; margin: 10px 0 20px 0; }
h2{font-size:14px; font-weight: bold; text-transform: uppercase; margin: 10px 0;}
h3{font-size:13px; font-weight: bold; text-transform: uppercase; margin: 5px 0;}
h3 span{font-size:13px;}

p{line-height:15px; margin: 15px 0; }

/*fix disappearing text*/
p, h1, h2, h3, #header{zoom: 100%;}


/*Classes*/
.left{float: left;}
.right{float: right;}
.center{margin: 0 auto;}
.block{display: block;}
.inline{display: inline;}
.strong{font-weight: bold;}
.fixer{display: none;}
.clearer{display: block; clear: both; height: 0; line-height: 0; font-size: 0;}
.accent{color:#15b4b0;}
.absolute{position:absolute;}
.relative{position: relative;}
.nomargin{margin:0 !important;}
.spacer{display: block; clear: both; height: 0; line-height: 0; font-size: 0;}
.white{color:#fff;}
.list li{padding-left: 30px; background: url(../images/bg_list.gif) 2px 50%;}

.spacer_S{height: 4px;}
.spacer_M{height: 8px;}
.spacer_L{height: 16px;}
.spacer_XL{height: 32px;}
.spacer_XXL{height: 48px;}

.fontSize_S{font-size: 10px;}
.fontSize_M{font-size: 12px;}
.fontSize_L{font-size: 14px;}
.fontSize_XL{font-size: 17px;}
.fontSize_XXL{font-size: 20px;}

.linkButton{display: block; padding: 10px; text-decoration: none; cursor: pointer; font-size:11px; color:#fff; background-color:#0d8376; border-top: 1px solid #269084; border-bottom: 1px solid #0a685e; border-right: 1px solid #0b7267; border-left: 1px solid #19897d;}
.linkButton span{display: block; color:#fff;}

/*Layout*/
#wrapContent{width: 952px; margin: 0 auto; min-height:100%; height:auto !important; height:100%; border: 10px solid #fff; background:#fff;}
#header{background: #15b4b0 url(../images/bg_header.png);  border-bottom: 3px solid #15b4b0;}


/*Site Navigation*/
#siteNavigation{height:30px; background: #1a1a1a url(../images/bg_siteNavigation.png) repeat-x !important; }
#siteNavigation ul{}
#siteNavigation ul li{display: inline;}
#siteNavigation ul li a{display: block; float: left; height:30px; line-height:30px; margin: 0 22px; background-position: 0 50% !important;}
#siteNavigation ul li a span{display: none;}
#siteNavigation ul .current a, #siteNavigation ul li a:hover{background-position: 100% 50% !important; }
#siteNavigation ul .siteNav_item01 a{background: url(../images/siteNav_item01.png); width: 122px; margin-left:15px;}
#siteNavigation ul .siteNav_item02 a{background: url(../images/siteNav_item02.png); width: 73px;}
#siteNavigation ul .siteNav_item03 a{background: url(../images/siteNav_item03.png); width: 95px;}
#siteNavigation ul .siteNav_item04 a{background: url(../images/siteNav_item04.png); width: 86px;}
#siteNavigation ul .siteNav_item05 a{background: url(../images/siteNav_item05.png); width: 68px;}
#siteNavigation ul .siteNav_item06 a{background: url(../images/siteNav_item06.png); width: 34px;}

#siteNavigation ul .delimiter{display: block; float: left; height:30px; line-height:30px; width:2px; background: url(../images/delimiter_siteNav.png); background-position: 0 50% !important;}
#siteNavigation ul .delimiter span{display:none;}
.identity_PremierLeague{background-color:#15b4b0; border-right: 1px solid #fff; float: left;}

.btn  span{display: none;}
.btn_logOut{float: right; display: block; background: url(../images/btn_logOut.png); width: 78px; height:30px; line-height:30px; background-position: 0 50% !important; margin-right:10px;}

/*Content*/
#content{margin: 8px 0;}
#content #main{float: left; width:681px;}
#content #side{float: right; width:260px; background-color:#4c4c4c; }

#content #side .content{padding: 9px;}
#wrapMainContent{padding-top: 29px;}

 
.mainContent{border-bottom: 1px solid #c5c5c5; background-image: url(../images/bg_main.png);}
.mainContent .content{padding: 15px; }

#side{}
#side .bordered{border:1px solid #626262;}

#wrapUser{margin-bottom: 2px;}
#user{width: 240px; background-color:#2f2f2f; border:1px solid #626262; }
#user  .content{padding: 6px; font-size: 9px; font-weight:bold; color:#fff;}
#side .data{font-size:13px; font-weight: bold; color:#15b4b0;  margin-left: 3px;}

#wrapTeam{margin-bottom: 2px;}
#team{width: 240px; background-color:#2f2f2f; border:1px solid #626262; }
#team  .content{padding: 6px; font-size: 10px; font-weight:bold; color:#15b4b0;}
#team  .wrapTable {border: none; background-color:#fff; padding:1px; }
#team  .wrapTable table tr th{text-align: left; padding: 5px; font-weight: bold; background:#fff; color:#4c4c4c;  font-size: 10px; }
#team  .wrapTable table tr td{color:#4c4c4c;}


.delimiterDotted{background: url(../images/delimiterDotted.png) 0 50% repeat-x !important; height:50px; clear: both; display: block;}

/*Forms*/
form label {cursor: pointer; line-height:18px;}
input{ background: #fff; border: 1px solid #c9c9c9; line-height: 12px;}
select{}
.button{text-decoration: none; overflow: visible; background-position: 50% 100% !important; text-indent: -9999px; cursor: pointer; font-size:9px; text-transform: uppsercase; color:#fff; background-color:#0d8376; border-top: 1px solid #269084; border-bottom: 1px solid #0a685e; border-right: 1px solid #0b7267; border-left: 1px solid #19897d;}
.buttonActive{background-color:#878787; border-top: 1px solid #939393; border-bottom: 1px solid #6c6b6b; border-right: 1px solid #6c6b6b; border-left: 1px solid #939393;}

.checkbox{width: 16px; height: 16px; margin-right: 6px;}
.radio{width: 16px; margin-right: 12px; background: none; border: none;}
.inputText{padding: 3px 3px 3px 3px; }
.inputFile{padding: 3px 3px 3px 3px;}
.textArea{padding: 3px 3px 3px 3px; overflow: auto; background: #fff; border: 1px solid #c9c9c9; line-height: 12px;}
.select{padding: 3px 3px 3px 3px;}

/*Tables*/
.wrapTable {border: 1px solid #c4c4c4; background-color:#fff; padding:1px; }
.wrapTable table {border-collapse: collapse; background-color:#e7e7e7; width:100%;}
.wrapTable table tr th{text-align: left; padding: 5px; font-weight: bold; background:#2f2f2f; color:#fff;  font-size: 10px; }
.wrapTable table tr td{padding: 7px; font-weight: bold; font-size: 10px; background: #e7e7e7 url(../images/bg_tableTD.gif) 0 0 repeat-x !important;}
.wrapTable table .even td{background-color:#fff !important;}

.rank{border:1px solid #c3c3c3; background:#fff; padding: 1px;}
.rank div{background: #2f2f2f; font-size:10px; font-weight: bold; color:#fff; padding: 5px; display: block; text-align: center;}
.rank div .accent{font-size:10px;}


/*Titles*/
.title{margin: 0; width:100%; display: block; height: auto;}
.title span{display: none;}

.title_viewRedemptions{background: url(../images/title_viewRedemptions.png); width:172px;}
.title_viewSales{background: url(../images/title_viewSales.png); width:115px;}
.title_requestStoreChange{background: url(../images/title_requestStoreChange.png); width:144px; height:44px !important; margin-top: 12px !important;}
.title_sendMessage{background: url(../images/title_sendMessage.png); width:148px; margin-top: 22px !important;}
.title_activityHistory{background: url(../images/title_activityHistory.png); width:172px; margin-top: 22px !important;}
.title_notesHistory{background: url(../images/title_notesHistory.png); width:147px; margin-top: 22px !important;}


/*Tabs*/
#content #tabs{ position: absolute;}/* position: relative;*/
#content #tabs li{float: left; height: 30px; line-height: 30px; text-align: center;  margin-right: 2px;}
#content #tabs li a{display: inline; float:left; width:auto !important; text-decoration: none; font-weight: bold;  background: url(../images/bg_tabs.png); padding: 0 10px 0 15px; }
#content #tabs li a:hover{color:#15b4b0;}
#content #tabs li span{background: url(../images/bg_tabs.png) 305px 0 !important; width:5px; height:30px;  display: inline;float:left;}
#content #tabs .active a{color:#15b4b0; background-position: -300px 0 !important;}

#content #tabs .active span{background-position: 100% 0 !important;}

/*Footer*/
#footer{background-color:#15b4b0; height:32px; line-height:32px;}
#footer .links{position:absolute; margin-left:600px;}
#footer .identity{width:126px; position: absolute; margin-left:413px; margin-top:8px;}
#footer a{color:#fff; font-size:10px; text-decoration: none;}
#footer a:hover{text-decoration: underline;}
#footer .delimiter{padding: 0 5px; color:#fff; font-size:10px;}


/*Buttons*/

#btn_launchMail{background-image: url(../images/btn_launchMail.gif); width: 90px;}
#btn_viewRedemptions{background-image: url(../images/btn_viewRedemptions.gif); width: 120px;}
#btn_headToRSPhub{background-image: url(../images/btn_headToRSPhub.gif); width: 110px;}

#btn_inbox{background-image: url(../images/btn_inbox.gif); width: 50px;}
#btn_sent{background-image: url(../images/btn_sent.gif); width: 50px;}

#btn_inboxActive{background-image: url(../images/btn_inboxActive.gif); width: 50px;}
#btn_sentActive{background-image: url(../images/btn_sentActive.gif); width: 50px;}

#btn_reply{background-image: url(../images/btn_reply.gif); width: 55px;}
#btn_delete{background-image: url(../images/btn_delete.gif); width: 55px;}

#btn_addConfirm{background-image: url(../images/btn_addConfirm.gif); width: 125px;}
#btn_cancel{background-image: url(../images/btn_cancel.gif); width: 60px;}

#btn_save{background-image: url(../images/btn_save.gif); width: 55px;}

#btn_done{background-image: url(../images/btn_done.gif); width: 60px;}

#btn_addEdit{background-image: url(../images/btn_addEdit.gif); width: 125px;}


/*Home*/
.dashboardBoxes {background:#2f2f2f url(../images/bg_dashboardBoxes.png);  width: 210px; float: left; margin-right: 10px;}
.dashboardBoxes .dashboardBoxesFILL{background:#2f2f2f url(../images/bg_dashboardBoxes.png) 0 100% !important; height:10px;}

.dashboardBoxesLight {background-color:#4c4c4c; background-image:url(../images/bg_dashboardBoxesLight.png);}
.dashboardBoxesLight .dashboardBoxesLightFILL{background-color:#4c4c4c; background-image:url(../images/bg_dashboardBoxesLight.png) !important;}

.dashboardBoxes .content{padding: 10px 10px 0 10px; color:#fff;}

.dashboardBoxes .entries a{display: block; color:#fff; text-decoration: none; text-align: right; line-height: 16px;}
.dashboardBoxes .entries a:hover{text-decoration: underline;}
.dashboardBoxes .entries a span{color:#fff; }
.dashboardBoxes .entries a .entry{color:#fff; float: left; cursor: hand; overflow: hidden;}
.dashboardBoxes h3{margin-top: 0; color:#fff;}
.dashboardBoxes .button{margin-right: 10px;}

#messagesBox{}
#messagesBox h3{font-size:17px; }
#messagesBox h3 .accent{font-size:17px;}
#messagesBox .old span{color:#929292;}

#redemptionsBox{}
#redemptionsBox h3{font-size:10px;}
#redemptionsBox h3 .accent{font-size:10px;}

#messagesBox h3, #redemptionsBox h3{height:40px;}

#pointsBox{}
#pointsBox h3{font-size:17px;}
#pointsBox h3 .accent{font-size:47px; line-height:38px;}
#pointsBox p{color:#fff; font-size:10px; margin: 0;}


/*Messages*/

#messages #content #main{width:100%;}
#messages .mainContent{border-bottom: 1px solid #c5c5c5; background-image: url(../images/bg_mainStretched.png);}

#messages .tdHover td{color:#0d8376; cursor: pointer;}
#messages .tdActive td{color:#0d8376;}
#messages #message{display: none;}


/*User Details*/

#user_details #content #main{width:100%;}
#user_details .mainContent{border-bottom: 1px solid #c5c5c5; background-image: url(../images/bg_mainStretched.png);}

#user_details h3{text-align: right; width: 140px; text-align: right;}
#user_details label{display: block; float: left; text-align: right; width: 140px; margin-right:15px;}
#user_details .inputText{width:262px; display: block; float: left;}

#user_details form{background: url(../images/delimiterDottedVertical.gif) 51% 0 repeat-y !important; width:100%;}
#user_details #formLeft{width: 425px; float: left;}
#user_details #formRight{width: 400px; float: right;}

.ie6 #user_details .wrapOptions{width:262px;}
#user_details .wrapOptions {background: #fff url(../images/bg_select.png) 100% 0; border: 1px solid #c9c9c9; line-height: 14px; width: 268px; float: left; }
#user_details .wrapOptions .select{width: 100%; cursor: pointer;}
#user_details .wrapOptions .options{display: none; position: absolute; background: #fff ; height: 100px; border: 1px solid #ccc; border-top: none; margin-left: -1px;  margin-top: -20px;}
#user_details .wrapOptions ul{overflow: auto; background: transparent;  border: 0; width: 100%;  color: #333333; line-height: 14px; } 
#user_details .wrapOptions ul li{padding: 3px; cursor: pointer; font-size: 11px;}
#user_details .wrapOptions ul li:hover{color: #0d8376;}

#user_details .userDetailsOptions {background:#fff; border: 1px solid #c9c9c9; padding: 3px;}
#user_details .userDetailsOptions a{display: block; float: left;  width: 190px; height:64px; background: url(../images/bg_userDetailsOptions.png);  color:#fff; font-weight: bold; text-decoration: none; text-align: center; cursor: pointer; margin: 3px;}
#user_details .userDetailsOptions .title{margin: 0 auto;  margin-top: 15px; height:21px;}

.ie6 #user_details #wrapUserStatus{width: 237px;}
#user_details #wrapStoreOperator{}
#user_details #wrapStoreState{width: 100px;}
#user_details #wrapPersonalState{width: 100px;}
#user_details #wrapAllocateBonusPoints{width: 170px;}
#user_details #wrapUserStatus{width: 243px;}

#recentSales{zoom: 100%; width:450px; margin: 0 auto; background: #15b4b0; border: 1px solid #4f4f4f; position: absolute; margin-left: 200px; margin-top: 20px; z-index: 999; display: none;}
#recentSales h2{color:#fff; text-align: left; margin-top: 0; float: left;}
#recentSales .wrapTable{border: 1px solid #4b4e4e;}

#confirmation{zoom: 100%; width:450px; margin: 0 auto; background: #15b4b0; border: 1px solid #4f4f4f; position: absolute; margin-left: 200px; margin-top: 20px; z-index: 999; display: none;}
#confirmation h2{color:#fff; text-align: left; margin-top: 0;}
#confirmation p{color:#fff; }