/**
* Node level CSS
*********************************************************************************/
body {
    margin: 0px;
    padding: 0px;
    background: #000 url(/images/body_bg.jpg) center top no-repeat;
    font: normal normal normal 10px/1.7em Arial, Verdana, sans-serif;
    color: #808080;
}
a {
    color: #A80002;
    text-decoration: none;
}
a:hover {
    color: #FFF;
}
h1,h2,h3,h4,h5,h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    margin: 0px;
    color: #FFF;
}
img {
    border: 0px;
}
form {
    display: inline;
}
div.break {
    clear: both;
    height: 1px;
    font-size: 1px;
    overflow: hidden;
}

/**
* Logo/Navigation layout and style declarations
*********************************************************************************/
#navigation_container {
    margin: 0px auto;
    background: url(/images/navigation_container_bg.jpg) no-repeat;
    height: 78px;
    width: 980px;
}
/*image map for oakley logo*/
#navigation_container #oakley {
    position: relative;
    display: block;
    top: -7px;
    height: 30px;
    width: 70px;
    left: 895px;
}
#oakley i { visibility: hidden; }


#navigation_container #logo {
    display: block;
    width: 160px;
    height: 25px;
    position: relative;
    top: 20px;
    left: 15px;
    text-indent: -9000px;
}
#navigation_container #logo img {
    display: none;
}
#navigation_container #navigation {
    float: right;
    height: 20px;
    position: relative;
    top: 56px;
    z-index: 2;
    width: 100%;
}

#navigation_container #navigation #flash-nav {
    top: 0;
    float:right;
    padding-right: 12px;
}

#navigation_container #navigation #flash-nav.has_flash {
    float:none;
    padding-right: 0px;
}

#navigation_container #navigation ul {
    margin: 0px;
    padding: 0px;
}
#navigation_container #navigation ul li {
    display: inline;
    list-style: none;
}
#navigation_container #navigation ul li a {
    display: block;
    text-indent: -1000px;
    overflow: hidden;
    height: 20px;
    float: left;
}
#navigation ul li#nav_dashboard_container a {
    width: 93px;
    background: transparent url(/images/navigation.gif);
}
#navigation ul li#nav_labs_container a {
    width: 57px;
    background: transparent url(/images/navigation.gif) -93px 0 no-repeat;
}
#navigation ul li#nav_incentives_container a {
    width: 90px;
    background: transparent url(/images/navigation.gif) -150px 0 no-repeat;
}
#navigation ul li#nav_certificates_container a {
    width: 90px;
    background: transparent url(/images/navigation.gif) -150px 0 no-repeat;
}
#navigation ul li#nav_fieldreport_container a {
    width: 102px;
    background: transparent url(/images/navigation.gif) -240px 0 no-repeat;
}
#navigation ul li#nav_stats_container a {
    width: 57px;
    background: transparent url(/images/navigation.gif) -342px 0 no-repeat;
}
#navigation ul li#nav_my_account_container a {
    width: 100px;
    background: transparent url(/images/navigation.gif) -399px 0 no-repeat;
}
#navigation ul li#nav_help_container a {
    width: 57px;
    background: transparent url(/images/navigation.gif) -499px 0 no-repeat;
}
#navigation ul li#nav_dashboard_container a:hover, #navigation ul li#nav_dashboard_container a.active {
    background-position:0 -20px;
}
#navigation ul li#nav_labs_container a:hover, #navigation ul li#nav_labs_container a.active {
    background-position:-93px -20px;
}
#navigation ul li#nav_incentives_container a:hover, #navigation ul li#nav_incentives_container a.active  {
    background-position:-150px -20px;
}
#navigation ul li#nav_certificates_container a:hover, #navigation ul li#nav_certificates_container a.active  {
    background-position:-150px -20px;
}
#navigation ul li#nav_fieldreport_container a:hover, #navigation ul li#nav_fieldreport_container a.active  {
    background-position:-240px -20px;
}
#navigation ul li#nav_stats_container a:hover, #navigation ul li#nav_stats_container a.active  {
    background-position:-342px -20px;
}
#navigation ul li#nav_my_account_container a:hover, #navigation ul li#nav_my_account_container a.active  {
    background-position:-399px -20px;
}
#navigation ul li#nav_help_container a:hover, #navigation ul li#nav_help_container a.active {
    background-position:-499px -20px;
}

/**
* Footer layout and style declarations
*********************************************************************************/
#footer_container {
    margin: 0px auto 10px auto;
    width: 980px;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    color: #474747;
}
#footer_container a {
    color: #696969;
    text-decoration: none;
}
#footer_container a:hover {
    color: #FFF;
}
#footer_container ul {
    margin: 0px;
    padding: 0px;
}
#footer_container ul li {
    list-style: none;
    display: inline;
}
#footer_container ul li.copyright {
    margin-right: 35px;
}
#footer_container #language_nav {
    text-align: center;
}
#footer_container #language_nav a {
    display: inline-block;
    width: 23px;
    height: 11px;
    padding: 1px;
    overflow: hidden;
    background: url(/images/language-options.gif) no-repeat 1px center;
    border: 1px solid #333;
}
#footer_container #language_nav a span {
    display: none;
}
#footer_container #language_nav a:hover {
    border: 1px solid #AB0000;
}
#footer_container #language_nav a.en {
}
#footer_container #language_nav a.es {
    background-position: -23px center;
}
#footer_container #language_nav a.fr {
    background-position: -47px center;
}
#footer_container #language_nav a.pt {
    background-position: -71px center;
}
#footer_container #language_nav a.de {
    background-position: -119px center;
}
#footer_container #language_nav a.it {
    background-position: -95px center;
}

/**
* Main content layout declarations
*********************************************************************************/
#content_container {
    margin: 8px auto;
    width: 980px;
}
#content_container div.wrapper-box {
    background: #151515;
    border: 2px solid #010101;
    padding: 10px;
    margin-bottom: 8px;
}

#content_container h1 {
    background: url(/images/subhead_bg.gif) repeat-x;
    height: 2.2em;
    padding: 0px .8em;
    font-weight: normal;
    margin-bottom: 6px;
    text-align: left;
    height: 28px;
    line-height: 2.7em;
    text-transform: uppercase;
}
#content_container h1 .subhead-navigation {
    display: block;
    float: right;
    text-transform: none;
}

.sIFR-active h2 {
    visibility: hidden !important;
    font-size: 16px !important;
    display: block !important;
}
#content_container h2.sIFR-flash {
    visibility: visible !important;
    margin: 0px;
    padding: 0px;
}
#content_container h2.sIFR-replaced {
    visibility: visible !important;
    padding: 0px;
    height: 12px; 
    margin-bottom: 6px;
}

#content_container h2 span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    letter-spacing: 0;
}

span.bark-two {
  font-size: 12px;
}

.sIFR-active span.bark-two {
    visibility: hidden !important;
    font-size: 12px !important;
    display: block !important;
}
#content_container span.bark-two.sIFR-flash {
    visibility: visible !important;
    margin: 0px;
    padding: 0px;
}
#content_container span.bark-two.sIFR-replaced {
    visibility: visible !important;
    padding: 0px;
    height: 12px; 
    margin-bottom: 6px;
}

#content_container span.bark-two span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    letter-spacing: 0;
}

#content_container h6 {
    background: url(/images/dotted_underline.png) repeat-x;
    height: 20px;
    width: 100%;
    text-transform: uppercase;
    font-size: 10pt;
    color: #cccccc;	
    margin-bottom:6px;
}
#content_container .rounded-box {
    background: #2A2A2A;
    padding: 10px;
    margin: 12px 0px 6px 0px;
    font-size: 12px;
}
#content_container .rounded-box-light {
    background: #626262;
    padding: 10px;
    margin: 12px 0px 6px 0px;
    font-size: 12px;
}
#content_container #labs_bucket img {
    border: 2px solid #313131 !important;
    margin-right: 0px;
    margin-bottom: 0px;
}

#content_container #labs_bucket .img_left_aligned {
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 8px;
    margin-left: 0px;
}

#content_container #labs_bucket .img_right_aligned  {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 8px;
    margin-left: 10px;
}

#content_container .pagination {
    background: transparent url(/images/subhead_bg.gif) repeat-x scroll 0 0;
    font-weight: normal;
    height: 28px;
    line-height: 2.7em;
    margin: 6px 0;
    padding: 0 0.8em;
    text-align:   right;
}
#content_container .pagination .next_page, #content_container .pagination .prev_page {
    font-weight: bold;
    text-align: center;
    padding: 3px 4px 
}

#content_container .pagination .current {
    border-bottom: 1px dotted;
    color: #ccc;
}

#content_container .pagination .disabled {
    color: #555;
}

#content_container .pagination a {
    margin: 0px 1px;
}

.labs #content_container #flash_container {
  height: 525px;
}

#content_container #labs_bucket a {
    color: #616b2f !important;
    font-weight: bold;
    text-decoration: underline;
}

#bucket_c img {
    border: 2px solid #313131 !important;
    margin-right: 0px;
    margin-bottom: 0px;
}

#bucket_c .img_left_aligned {
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 8px;
    margin-left: 0px;
}

#bucket_c .img_right_aligned  {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 8px;
    margin-left: 10px;
}

#bucket_c a {
    color: #616b2f !important;
    font-weight: bold;
    text-decoration: underline;
}

#content_container .rounded-box-header {
    padding: 10px;
    background: #1F1F1F;
    margin: 12px 0px 6px 0px;
    font-size: 12px;
}

#content_container .autoPadDiv strong {
    color: #bbbbbb;
    font-weight: bold;
}

#content_container .autoPadDiv em {
    color: #bbbbbb;
}

#content_container .grouped-box {
    border: 3px solid #262626;
}
#content_container .grouped-box .group-separator {
    background: #262626;
    height: 4px;
    font-size: 0px;
}
#content_container .grouped-box .group {
    border: 1px solid #343434;
}
#content_container input.green-button, #content_container a.green-button {
    /*  height: 13px;*/
    /*  width: 40px;*/
    /*  background: url(/images/buttons/sprite_greenbutton_bgs.gif);*/
}
#content_container a.green-button {
    font: 9px Arial;
    font-weight: bold;
    display: block;
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    padding-top:4px
}
#content_container input.green-button {
    font: 9px Arial;
    font-weight: bold;
    display: block;
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    padding-bottom: 1px;
}



/*#content_container input.green-button {
font: 9px Arial;
font-weight: bold;
color: #ffffff;
text-align: center;
}*/
#content_container input.green-button:hover, #content_container a.green-button:hover {
}
#content_container a.red-button {
    font: 9px Arial;
    font-weight: bold;
    display: block;
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    padding-top:4px
}
#content_container .content {
    font-size: 11px;
}


/**
* Form declarations.
*********************************************************************************/
#content_container .error-messages {
    border: 3px solid #555;
    background-color: #F7E47D;
    color: #000;
    padding: 0px 10px;
    font-size: 12px;
    margin-top: 7px;
}
form.styled p {
    float: left;
    display: inline;
    width: 100%;
    clear: both;
    margin: 0;
    padding: .5em 0;
}
form.styled label {
    display: block;
    float: left;
    overflow: hidden;
    text-align: right;
    margin-right: .4em;
    white-space: nowrap;
    overflow: hidden;
}
form.styled label .required-new {
    color: #9A0906;
}
form.styled .error .text {
    border: 1px solid #9A0906;
    background-color: #9A0906;
}
form.styled .options p {
    padding: 0px;
}
form.styled .options label {
    display: inline;
    float: none;
    width: auto;
}
form.styled .options input {
    margin: 0px;
    padding: 0px;
    margin-right: 5px;
}
form.styled input.text, form.styled textarea.text, form.styled select {
    font-family: Verdana, Arial, sans-serif;
    color: #999;
    background: #333 url(/images/input_bg.png) repeat-x top;
    border: 1px solid #505050;
    padding: .2em;
    font-size: 10px;
}
form.styled input.text:focus, form.styled textarea:focus, form.styled select:focus {
    color: #DCDCDC;
    background: #505050 url(/images/input_bg.png) repeat-x top;
    border: 1px solid #999;
}


/**
* Shared elements.
*********************************************************************************/
#content_container #welcome_message {
    width: 635px;
}
#content_container #welcome_message img {
    border: 3px solid #1F1F1F;
}
#content_container #welcome_content {
    float: right;
    width: 311px;
    overflow: hidden;
}

#content_container #flash {
    text-align: center;
    color: #808080;
    font-size: 14px;
    padding: 0 0.8em;
}

#content_container #flash notice {
    color: #808080;
}

#content_container #flash warning {
    color: #A80002;
}

#content_container #flash error {
    color: #A80002;
}

#content_container .wrapper-box.flash {
    background-color: #2A2A2A;
}

#content_container #graph {
    height: 139px;
}

#content_container .training-module {
    float: left;
    width: 303px;
    margin-right: 10px;
    margin-bottom: 8px;
}
#content_container .last-module {
    margin: 0px 0px 8px 0px !important;
}

#content_container .last-module-labs
{
    margin: 13px 0px 0px 0px !important;
}

#content_container .training-module a {
    float: right;
    display: block;
    overflow: hidden;
    width: 151px;
    height: 79px;
    background: #474747 url(/images/buttons/sprite_labs.gif) -312px 0 no-repeat;
    font-size: 11px;
    color: #999;
    padding: 8px 15px 0px 8px;
}
#content_container .training-module a:hover {
    background: #474747 url(/images/buttons/sprite_labs.gif) -312px -87px no-repeat;
}
#content_container .module-inactive a {
    background: #474747 url(/images/buttons/sprite_labs.gif) -486px 0 no-repeat !important;
}
#content_container .module-inactive a:hover {
    background: #474747 url(/images/buttons/sprite_labs.gif) -486px -87px no-repeat !important;
}
/* modify these whan sprite image has been updated for in progress labs*/
#content_container .module-incomplete a {
    background: #474747 url(/images/buttons/sprite_labs.gif) -486px 0 no-repeat !important;
}
#content_container .module-incomplete a:hover {
    background: #474747 url(/images/buttons/sprite_labs.gif) -486px -87px no-repeat !important;
}
#content_container .training-module a.thumb {
    border: 1px solid #696969;
    padding: 0px;
    float: left;
    width: 125px;
    height: 85px;
}
#content_container .training-module a.thumb img {
    border: 1px solid #000;
}
#content_container .training-module strong {
    font-size: 13px;
    color: #CCC;
    display: block;
}
#content_container #welcome_content h1 {
    text-transform: none;
}
#content_container h1.breadcrumbs {
    text-transform: none;
    color: #666666;
    font-weight: bold;
    font-size: 10px;
}
#content_container h1.breadcrumbs a {
    color: #666666;
    font-weight: bold;
}
#content_container h1.breadcrumbs a:hover {
    color: #cccccc;
}
#content_container h1.breadcrumbs #page_title{
    color: #9d0909;
}
#content_container h1.breadcrumbs #welcome_user{
    color: #cccccc;
}
#content_container h1.breadcrumbs #welcome_user a{
    color: #9d0909;
}
#content_container h1.breadcrumbs #welcome_user a:hover {
    color: #cccccc;	
}
#content_container #welcome_content .callout-box {
    margin-top: 6px;
}
#content_container .callout-box img {
    border: 3px solid #1F1F1F;
}
#content_container .welcome-box {
    padding-bottom: 5px !important;
}
#content_container #submit_button {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) -152px 0 no-repeat !important;
    width: 70px;
    height: 18px;
    display: block;
    float: right;
    margin-top: 3px;
    border: 0px;
}
#content_container #submit_button:hover {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) -152px -18px no-repeat !important;
}
.dotted {
    border-top: 1px dotted #4C4C4C;
    margin: 10px auto -2px auto;
    width: 946px;
    height: 1px;
    line-height: 1px;
}

/**
* Controller - SESSIONS
*********************************************************************************/
.sessions #login_form {
    font-size: 10px;
    float: right;
    width: 311px;
    overflow: hidden;
    text-align: right;
}
.sessions #login_form p {
    padding: 2px 0px;
}
.sessions #login_form label {
    width: 75px;
}
.sessions #login_form .text {
    width: 180px;
    float: right;
    margin: 0px;
}
.sessions #login_form a#forgotten_password {
    font-size: 9px;
    color: #474747;
}
.sessions #login_form a#forgotten_password:hover {
    color: #FFF;
}
.sessions #login_form h3 {
    height: 20px;
    text-align: left;
    margin-left: 87px;
}
.sessions #login_form .group {
    background: #232323;
    padding: 15px 15px 0px 15px;
    height: 133px;
}
html>body .sessions #login_form .group { height: 135px; }
.sessions #login_form .last {
    padding: 15px;
    height: 18px !important;
}
.sessions #login_form input#login_button {
    background: transparent  url(/images/buttons/sprite_greenbutton_bgs.gif) -159px 0 no-repeat !important;
    width: 60px;
    height: 18px;
    border: 0px;
    color: #fff;
}
.sessions #login_form input#login_button:hover {
    background: transparent  url(/images/buttons/sprite_greenbutton_bgs.gif) -159px -18px no-repeat !important;
}
.sessions a#register_button {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) -143px 0 no-repeat !important;
    width: 76px;
    height: 14px;
    display: block;
    float: right;
    margin-top: 3px;
}
.sessions a#register_button:hover {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) -143px -18px no-repeat !important;
}
#interests input#register_button {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) -141px 0 no-repeat !important;
    width: 78px;
    height: 18px;
    border: 0px;
    color: #fff;
}
#interests input#register_button:hover {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) -141px -18px no-repeat !important; 
}

.sessions .last div {
    text-align: left;
    height: 20px;
}
.sessions .callout-box {
    float: right;
}
.sessions .welcome .content {
    width: 630px;
}


/**
* Controller - USERS
*********************************************************************************/
.users #welcome_content .group {
    background: #232323;
    padding: 10px;
    height: 184px;
}
.users form .text {
    float: right;
    width: 220px;
}
.users form label {
    width: 160px;
}
.users form span.field-tip {
    display: block;
    margin: 20px 0px 0px 165px;
    font-size: 90%;
}  
.users form #interests label {
    width: 190px;
}
.users form #zip_container label {
    width: auto;
    margin-left: 10px;
}
.users form #zip_container .text {
    width: 80px;
}
.users form .options label {
    display: inline;
    width: auto;
}
.users form #product_info_source_container input, .users form #oakely_product_familiarity_container input {
    margin-top: .7em;  
}
.users input#register_button {
    background: url(/images/buttons/sprite_greenbuttons.gif) -192px 0 no-repeat;
    width: 64px;
    margin-top: 30px;
    float: right;
}
.users input#register_button:hover {
    background: url(/images/buttons/sprite_greenbuttons.gif) -192px -13px no-repeat;
}
.users #details, .users #interests {
    float: left;
    width: 472px;
}
.users #interests {
    float: right;
}
.users .autoPadDiv {
    min-height: 450px;
}
.users .registration h1 {
    margin-bottom: 0px !important;
}

.users #terms_of_use_container .autoPadDiv, .users #terms_of_use_buttons_container .autoPadDiv {
  min-height: 0;
}

.users #terms_of_use_buttons_container form {
  margin: 0px auto;
  width: 220px;
  display: block;
}
.users #terms_of_use_container #terms_of_use_display {
  height: 190px;
  overflow: auto;
  padding-right: 10px;
}



/**
* Controller - DASHBOARDS
*********************************************************************************/
.dashboards #welcome_message img {
    margin-bottom: 5px;
}
.dashboards #incentives {
    width: 311px;
    float: right;
}
.dashboards #labs {
    width: 635px;
}
.dashboards .callout-box {
    margin-top: 6px !important;
}
.dashboards .training-module {
    margin-right: 28px !important;
}
.dashboards .incentive-small {
    display: block;
    width: 311px;
    height: 40px;
    background: url(/images/buttons/sprite_labs.gif) 0 0 no-repeat;
    margin: 6px 0px 8px 0px;
}
.dashboards .incentive-small:hover {
    background:url(/images/buttons/sprite_labs.gif) 0 -40px no-repeat;
}
.dashboards .incentive-small strong {
    display: block;
    padding-top: 20px;
    padding-left: 8px;
    font-size: 11px;
    color: #666;
}


/**
* Controller - LABS
*********************************************************************************/
.labs p {
    font-family: Verdana, sans-serif;
    font-size: 10px;
}

.labs .training-module {
    margin-right: 13px !important;
    margin-top: 13px;
}
.labs .module-detail {
    color: #4A4A4A;
}
.labs .module-header {
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #999;
}	
.labs #header-img {
    float: left;
    width: 166px;
}
.labs #button_footer {
    width: 948px;
    height: 20px;
    margin-left:auto;
    margin-right:auto;
}

.labs #footer_left {
    width: 300px;
    float: left;
}
.labs #footer_right {
    width: 648px;
    float: left;	
}
.labs h2
{
/*    height: 30px;*/
}

.labs .pillar{
  background: #1b1b1b;
  width: 312px;
  float: left;
  padding-bottom: 0.8em;
}
.labs .pillar .pillar-description {
  padding: 0 0.8em;
  margin-bottom: 1em;
  line-height: 1.3em; 
  height: 26px;
}
.labs .pillar .pillar-description p {
  padding: 0;
  margin: 0;
}
.labs .pillar.center {
  margin: 0 10px;
}

.labs .pillar.right {
  
}

.labs .pillar .training-set {
  margin: 0.1em 0.8em;
}

.labs .pillar .training-set img {
  border: 1px solid #696969;
  background: #000;
  padding: 1px;
  float: left;
}

.labs .pillar .training-set .info {
  border: 1px solid #393939;
  background: url(/images/gradient_box_bg.png) 0 0 no-repeat;
  margin: 0 0 0 129px;
  padding: 6px 7px;
  min-height: 104px;
  font-size: 11px;
}

.labs .pillar .training-set .info h5 { 
  color: #ccc;
  font-size: 13px;
}

.labs .pillar .training-set .info  div { 
  line-height: 1.3em;
}

.labs .pillar .training-set .info ul {
  margin: 7px 0 0 0;
  padding: 0;
}

.labs .pillar .training-set .info ul li {
   list-style: none;
   background: url(/images/icons/small_green_plus.png) 0 1px no-repeat;
   margin: 0;
   padding: 0 0 0 20px;
}

.labs .pillar .training-set .info ul li a {
  color: #808d2f;
}

.labs .pillar .training-set .info ul li a:hover {
  color: #ccc;
} 

.labs .pillar .training-set .info ul li.complete {
  background: url(/images/icons/small_grey_check.png) 0 1px no-repeat;
} 

/**
* Controller - QUIZZES
*********************************************************************************/
.quizzes #question-box {
    padding:10px;
    height: 300px;
}
.quizzes #question-header {
    color: #5e6825;
    font-weight:bold;
    font-size: 11px;
}
.quizzes #question-alert {
    color: #ff0000;
    font-weight:bold;
    font-size: 13px;
}
.quizzes #question-text {
    text-transform:uppercase;
    font-weight:bold;
    font-size: 12px;
}

.quizzes #results_button_footer {
    width: 948px;
    margin-top:10px;
    height: 20px;
    margin-left:auto;
    margin-right:auto;
}

.quizzes #button_footer {
    margin-top:10px;
    width: 250px;
    height: 20px;
}
.quizzes #footer_left {
    float:left;
}
.quizzes #footer_right {
    float: right;
}
.quizzes #score-text {
    display: inline;
    color: #5e6825;
    font-weight:bold;
    /*	font-size: 11px;*/
}
.quizzes .question-incorrect {
    background: transparent url(/images/buttons/question_incorrect.png);
    width: 17px;
    height: 16px;
    float:left;
}
.quizzes .question-correct {
    background: transparent url(/images/buttons/question_correct.png);
    width: 17px;
    height: 16px;
    float:left;
}
.quizzes #results-question-box {
    padding:10px;
    color: #666666;
}
.quizzes #results-header {
    text-transform:uppercase;
    font-weight:bold;
    color: #cccccc;
}

.quizzes .results-question {
    margin-bottom: 8px;
    text-transform:uppercase;
    font-weight:bold;
}
.quizzes .results-question-content {
    margin-left: 25px;
    color:#cccccc;
}
.quizzes .results-feedback {
    margin-left: 15px;
    padding:10px;
}
.quizzes .results-answer {
    margin: 5px 0 5px 20px;
    clear:both;
}
.quizzes .results-answer-content {
    margin-left: 30px;
}

.quizzes .answer-radio {
    float: left;
}
.quizzes .answer-radio-content {
    margin-left: 15px;
}
.quizzes .results-answer-content-correct {
    margin-left: 30px;
    color:#cccccc;
}
.quizzes .answer-correct-and-chosen {
    background: transparent url(/images/buttons/answer-correct-and-chosen.png);
    height: 18px;
    width: 18px;
    float:left;
}
.quizzes .answer-incorrect-and-chosen {
    background: transparent url(/images/buttons/answer-incorrect-and-chosen.png);
    height: 18px;
    width: 18px;
    float:left;
}
.quizzes .answer-correct-and-not-chosen {
    background: transparent url(/images/buttons/answer-correct-and-not-chosen.png);
    height: 18px;
    width: 18px;
    float:left;
}
.quizzes .answer-incorrect-and-not-chosen {
    background: transparent url(/images/buttons/answer-incorrect-and-not-chosen.png);
    height: 18px;
    width: 18px;
    float:left;
}


/* green buttons */
/* height is 14px instead of 18 due to top padding in green-button and red-button */
input#accept,input#decline {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) right top no-repeat !important;
    width: 105px;
    height: 18px;
    border: 0px;
    color: #fff;
    float: right;
}


input#decline {
    width: 105px;
    margin-right: 10px;
}
input#accept:hover,input#decline:hover {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) right bottom no-repeat !important;
}

/* don't need to redefine the hover state since we're using !important */
input#accept.disabled {
    background: transparent url(/images/buttons/sprite_greybutton_bgs.png) right top no-repeat !important;
}


a#next_page_button {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) -141px 0 no-repeat !important;
    width: 78px;
    height: 14px;
    float: right;
}
a#next_page_button:hover {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) -141px -18px no-repeat !important;
}
a#previous_page_button {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) 0 0 no-repeat !important;
    width: 105px;
    height: 14px;
    float: right;
    margin-right: 5px;
}
a#previous_page_button:hover {
    background: url(/images/buttons/sprite_greenbutton_bgs.gif) 0 -18px no-repeat !important;
}
/* question buttons */
input#next_question_button,a#next_question_button {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) -114px 0 no-repeat !important;
    width: 105px;
    height: 18px;
    border: 0px;
    color: #fff;
    float: left;
}
input#next_question_button:hover,a#next_question_button:hover {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) -114px -18px no-repeat !important;
}
a#previous_question_button {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) 0 0 no-repeat !important; 
    width: 123px;
    height: 14px;	
    float: left;
}
a#previous_question_button:hover {
    background: url(/images/buttons/sprite_greenbutton_bgs.gif) 0 -18px no-repeat !important;
}
a#repeat_lab_button {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) -107px 0 no-repeat !important; 
    width: 114px;
    height: 14px;
    float: left;
}
a#repeat_lab_button:hover {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) -107px -18px no-repeat !important;
}

a#next_lab_button {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) -141px 0 no-repeat !important;
    width: 78px;
    height: 14px;	
    float: right;
}
a#next_lab_button:hover {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) -141px -18px no-repeat !important;
}

a#redeem_incentive_button {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) -96px 0 no-repeat !important; 
    width: 123px;
    height: 14px;	
}
a#redeem_incentive_button:hover {
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) -96px -18px no-repeat !important;
}

/* red buttons */
input#take_quiz_button {
    background: transparent url(/images/buttons/sprite_redbutton_bgs.gif) -111px 0 no-repeat !important; 
    width: 108px;
    height: 18px;	
    float: right;
    border: 0;
}
input#take_quiz_button:hover {
    background: transparent url(/images/buttons/sprite_redbutton_bgs.gif) -111px -18px no-repeat !important;
}
a#take_quiz_button {
    background: transparent url(/images/buttons/sprite_redbutton_bgs.gif) -111px 0 no-repeat !important; 
    width: 108px;
    height: 14px;	
    float: right;
}
a#take_quiz_button:hover {
    background: transparent url(/images/buttons/sprite_redbutton_bgs.gif) -111px -18px no-repeat !important;
}
input#submit_answers_button,a#submit_answers_button {
    background: transparent url(/images/buttons/sprite_redbutton_bgs.gif) -98px 0 no-repeat !important;
    width: 121px;
    height: 14px;	
}
input#submit_answers_button,a#submit_answers_button:hover {
    background: transparent url(/images/buttons/sprite_redbutton_bgs.gif) -98px -18px no-repeat !important;
}

/**
* Controller - INCENTIVES
*********************************************************************************/
.incentives #available, .incentives #earned {
    width: 472px;
}
.incentives #earned {
    float: right;
}
.incentives .rounded-box {
    padding: 10px;
}
.incentives .incentive-box {
    font-weight: normal;
    color: #999999;
    display: block;
    width: 404px;
    height: 73px;
    padding: 13px 35px 0px 13px;
    background: #474747 url(/images/buttons/sprite_incentives.gif) 0 0 no-repeat;
    font-size: 11px;
    color: #999;
    line-height: normal;
    margin-bottom: 8px;
}
.incentives a.incentive-box:hover {
    background: #474747 url(/images/buttons/sprite_incentives.gif) 0 -86px no-repeat;
}
.incentives .incentive-earned {
    background: #474747 url(/images/buttons/sprite_incentives.gif) -452px 0 no-repeat;
}
.incentives a.incentive-earned:hover {
    background: #474747 url(/images/buttons/sprite_incentives.gif) -452px -86px no-repeat;
}
.incentives .incentive-box strong {
    display: block;
    color: #CCC;
    font-size: 13px;
}

/**
* Controller - CERTIFICATES
*********************************************************************************/
.certificates #available, .certificates #earned {
    width: 472px;
}
.certificates #earned {
    float: right;
}
.certificates .rounded-box {
    padding: 10px;
}
.certificates .certificate-box {
    font-weight: normal;
    color: #999999;
    display: block;
    width: 404px;
    height: 73px;
    padding: 13px 35px 0px 13px;
    background: #474747 url(/images/buttons/sprite_certificates.gif) 0 0 no-repeat;
    font-size: 11px;
    color: #999;
    line-height: normal;
    margin-bottom: 8px;
}
.certificates a.certificate-box:hover {
    background: #474747 url(/images/buttons/sprite_certificates.gif) 0 -86px no-repeat;
}
.certificates .certificate-earned {
    background: #474747 url(/images/buttons/sprite_certificates.gif) -452px 0 no-repeat;
}
.certificates a.certificate-earned:hover {
    background: #474747 url(/images/buttons/sprite_certificates.gif) -452px -86px no-repeat;
}
.certificates .certificate-box strong {
    display: block;
    color: #CCC;
    font-size: 13px;
}


/**
* Controller - ACCOUNTS
*********************************************************************************/
.stats #status, .stats #details {
    width: 472px;
}
.stats #details {
    float: right;
}
.stats #status h3 {
    border-bottom: 1px dotted #505050;
    font-size: 12px;
    color: #999;
    padding-bottom: 3px;
    margin-bottom: 10px;
}
.stats .statistic {
    width: 450px;
    margin-bottom: 15px;
    height: 55px;
    font-size: 11px;
    line-height: 14px;
}
.stats .statistic-box {
    background: url(/images/statistic_box.gif) no-repeat;
    float: left;
    text-align: center;
    margin-right: 10px;
    width: 54px;
    height: 55px;
    font-size: 18px;
    line-height: 55px;
    overflow: hidden;
}
.stats .statistic h4 {
    color: #CCC;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
}


/**
* Controller - PAGES
*********************************************************************************/
.pages .welcome-box img {
    border: 3px solid #1F1F1F;
}
.pages .with-side-content {
    width: 625px !important;
}
.pages #side_content {
    float: right;
    width: 311px;
}
.pages .welcome-box h1 {
    text-transform: none !important;
}






.shadow-border {
    font-size: 0px;
    z-index: 1;
}
.shadow-border.top-left {
    background: url(/images/shadow-border.png) 0 -9px;
}
.shadow-border.top-center {
    background: url(/images/shadow-border.png) repeat-x;
}
.shadow-border.top-right {
    background: url(/images/shadow-border.png) 18px -9px;
}
.shadow-border.right {
    background: url(/images/shadow-border-sides.png) repeat-y;
}
.shadow-border.bottom-left {
    background: url(/images/shadow-border.png) 0 -27px;
}
.shadow-border.bottom-center {
    background: url(/images/shadow-border.png) 0 -45px repeat-x;
}
.shadow-border.bottom-right {
    background: url(/images/shadow-border.png) 18px -27px;
}
.shadow-border.left {
    background: url(/images/shadow-border-sides.png) -9px 0 repeat-y;
}

#archives.rounded-box {
    width: 310px;
    margin-left: 646px;
    float: none;
}

#archives h4 a {
    color: #AAAAAA;
    font-size: 10px;
    text-decoration: none;
}

#archives ul {
    padding: 2px;
    margin: 0px;
}

#archives li {
    font-size: 10px;
    line-height: 13px;
    margin-left: 15px;
    color: #5A641F;
}

#archives li a {
    font-weight: bold;
    color: #808E2D;
    
}

.dotted-separator {
    padding: 0px;
    margin: 2px;
    border: none 0;
    border-top: 1px dotted #414141; 
    height: 1px;
}

.solid-separator {
    border: none 0;
    border-top: 1px solid #505050;
    height: 1px;
}

#feeds-list a {
    color: #CCCCCC;
    text-decoration: none;
    border-bottom: 1px dotted;
    margin: 2px;
}

#feeds-list a.feed-icon {
	float: right;
	border: 0px none;
}

#feeds-list form {
    margin: 10px 0px;
    display: block;
}

#feeds-list form input[type=submit] {
    float: none;
    display: inline;
    background: transparent url(/images/buttons/sprite_greenbutton_bgs.gif) no-repeat scroll -152px 0 !important;
    border: 0 none;
    height: 18px;
    margin-top: 3px;
    width: 70px;
    text-align: left;
    vertical-align: middle;
}

#feeds-list form input[type=text] {
    margin-right: 15px;
}

#feeds-list .extra-padded {
    margin: 10px 0px;
}

.alias-fix {
    text-shadow: 0 0 0 #000;
    -moz-opacity: 0.9999;
}

#feeds-container {
    width: 625px;
    position: relative;
    clear: none; 
    float: left;
}

#feeds-container .no-caps {
    text-transform: none;
}

#feeds-container .caps {
    text-transform: uppercase;
}

#feeds-container h1 a {
    float: right;
    clear: none;
    color: #CCCCCC;
    text-decoration: none;
}

#edit-feeds-pane {
    position: absolute;
    top: -5px;
    right: 0px;
    width: 310px;
}

#edit-feeds-pane a {
    float: right;
    clear: none;
    color: #CCCCCC;
    text-decoration: none;
    position: absolute;
    top: -7px;
    right: 8px;
}

#edit-feeds-pane .rounded-box {
    font-size: 10px;
    text-transform: none;
}

#edit-feeds-pane .edit-feeds-header {
    line-height:14px;
    margin:0;
    padding:0;
    vertical-align:middle;
    white-space:nowrap;
}

#edit-feeds-pane .edit-feeds-header p {
    display: inline;
    color: #CCCCCC;
    white-space: nowrap;
    margin-left: 10px;
}
#edit-feeds-pane .edit-feeds-header h4 {
    display: inline;
    white-space: nowrap;
    font-size: 12px;
}

#edit-feeds-pane ul {
    padding: 0;
    margin: 0;
}

#edit-feeds-pane li {
    list-style-type:none;
    line-height: 18px;
    font-size: 12px;
}


#edit-feeds-pane label {
    vertical-align: middle;
    color: #999999;
    vertical-align: middle; 
    line-height: 14px;
}

#edit-feeds-pane input[type=checkbox] {
    padding: 0px; 
    margin: 0px; 
    vertical-align: middle;
}

#feeds-container .feed-summary {
    margin-top: 15px;
}

#feeds-container .feed-summary hr {
    padding: 0px;
    margin: 0px;
    border: none 0;
    height: 1px;
    color: #151515;
    background-color: #151515;
    border-top: 1px solid #4E1B1A;
}

#feeds-container .feed-summary .item {
    border-bottom: 1px dotted #343434;
    clear: both;
    margin: 5px 0;
    padding: 10px 0;
}

#feeds-container .feed-summary .item .image {
    display: inline;
    background: #000000 none repeat scroll 0 0;
    border: 1px solid #333333;
    clear: none;
    margin-bottom: 1.5em;
    padding: 4px;
    float: left;
    margin: 0 10px 0 0; 
}

#feeds-container .feed-summary .item img {
    background: #151515 none repeat scroll 0 0;
    display: block;
    width: 108px;
    height: 58px;
}
#feeds-container .feed-summary .item .description {
    display: inline;
}
#feeds-container .feed-summary .item .description .posted-at {
    background: transparent url(http://oakley.com/images/css/sports/icons/calendar_post.gif) no-repeat scroll left;
    padding-left: 14px;
    color: #909090;
    font-size: 10px;
    line-height: 6px;
    text-transform: uppercase;
    display: inline;
}

#feeds-container .feed-summary .item .description p {
    font-size: 11px;
    display: inline;
    color: #666666;
}

#feeds-container .feed-summary .item .description a {
    font-size: 14px;
    color: #cccccc;
    width: 100%;
}

#feeds-container .feed-summary .shrink-to-fit {
    display: inline-block;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#feeds-container div.feed-item {
    margin-top: 15px;
    padding: 0px;
    border-top: 2px solid #4D1B1C;
}

#feeds-container .feed-item .image {
    border: 1px solid #333333;
    padding: 4px;
    background-color: black;
    margin-bottom: 3px;
    display: inline-block;
}

#feeds-container .feed-item img {
    border: 0px none;
    height: 150px;
    width: 615px;
	display: block;
}

#feeds-container .feed-item .posted-at, .header-feed-item .posted-at {
    background: transparent url(http://oakley.com/images/css/sports/icons/calendar_post.gif) no-repeat scroll left;
    padding-left: 14px;
    color: #909090;
    font-size: 10px;
    line-height: 8px;
    text-transform: uppercase;
}

.header-feed-item .posted-at {
    line-height: 12px;
}

#feeds-container .feed-item p {
    font-size: 10px;
	margin: 0;
	margin-bottom: 10px;
}

.header-feed-item p {
    font-size: 12px;
}

#feeds-container .feed-item a, .header-feed-item a {
    background: none;
    font-size: 10pt;
    color: #cccccc;
    width: 100%;
    line-height: 22px;
}

#feeds-container .feed-item .continue-reading {
    display: inline;
    background: transparent url(http://oakley.com/images/css/sports/icons/post_read.gif) no-repeat scroll left center;
    padding-left: 15px;
}

#feeds-container .feed-item .continue-reading a {
    border-bottom: 1px dotted #666666;
    color: #E8E8E8;
    text-decoration: none;
    padding-bottom: 3px;
}