/* Global Styles */
html {  }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; background-color: #c8c8c8; }
img { border: 0; }
p { font-size: 14px; }
a { font-size: 14px; color: #111A77; }
input { background-color: #DDE8FF; border: 1px solid #0066CC; }
textarea { background-color: #DDE8FF; border: 1px solid #0066CC; }
span.special { color: #c42323; }
.right { float: right; }
.left { float: left; }

#wrapper { background: url(../images/footer_grad.jpg) repeat-x; background-position: center top; overflow: hidden;  }
#page { margin: 0 auto; width: 1200px; }

/* STYLES FOR HEADER */
#header { }
#header #logo { float: left; margin: 10px 0 0 0px; }
#header #flash_app {  }
#header #top-right-header { float: right; }
#header #top-right-header .topnav { color: #c42323; font-size: 14px; text-align: right; padding: 5px; }
#header #top-right-header .topnav a  { color: #c42323; font-size: 14px; text-decoration: none; margin-right: 10px; margin-left: 10px; }
#header #top-right-header .topnav ul { margin: 0; }
#header #top-right-header .topnav li { display: inline; list-style-type: none;  }

#header #top-right-header .search { text-align: right; padding: 5px; }
#header #top-right-header .search label { color: #c42323; font-size: 14px; }

#header #top-right-header .bottomnav { text-align: right; padding: 5px; }
#header #top-right-header .bottomnav a { color: #111a77; font-size: 18px; text-decoration: none; }
#header #top-right-header .bottomnav ul { margin: 0; list-style-type: none; }
#header #top-right-header .bottomnav li { display: inline; margin-right: 3px; margin-left: 14px; }

/* STYLES FOR HOME PAGE */
#content { padding: 20px; }
#content #left-col-wrap { float: left; width: 450px; text-align: justify; color: #111a77; }
#content #left-col-wrap h2 { margin: 0; color: #111a77; font-size: 21px; }
#content #left-col-wrap img#company-thumb { float: left; margin-right: 10px; }

#content #main-content-wrap { float: left; margin-left: 35px; width: 655px; }
#content #main-content-wrap #main-links { background-image: url(../images/home_blue_bar.jpg); background-position:top; background-repeat:no-repeat; height: 20px; }
#content #main-content-wrap #main-links h2 { display: inline; color: #fff; font-size: 16px; margin: 0 116px 0 20px }
#content #main-content-wrap #main-links ul { margin: 0; padding: 0 0 0 20px; list-style-type: none; }
#content #main-content-wrap #main-links li { display: block; color: #000; }
#content #main-content-wrap #main-links a { color: #000; text-decoration: none; }
#content #main-content-wrap #main-links #shop-block { float: left; }
#content #main-content-wrap #main-links #rewards-block { float: left; }
#content #main-content-wrap #main-links #faq-block { float: left; }

/* STYLES FOR SUB PAGES */
#content #main-content-sub-head {  }
#content #main-content-sub-head #red-bar-title h2 { font-size: 18px; color: #ffffff; position: relative; top: 5px; left:10px; }
#content #main-content-sub-head #red-bar-title { background-image: url(../images/red-bar.jpg); background-repeat:no-repeat; height: 32px; }

#content #left-col-nav { float: left; padding: 10px; width: 210px; overflow: none; }
#content #left-col-nav h2 { margin: 0 0 8px 0; color: #000; }
#content #left-col-nav ul { margin: 0 0 15px 0; padding: 0; }
#content #left-col-nav li { list-style-type: none; }
#content #left-col-nav a { font-size: 12px; color: #111a77; text-decoration: none; }

#content #main-content-sub { float: left; padding: 10px; width: 910px; min-height: 500px; overflow: none; }
#content #main-content-sub h2 { margin: 0; font-size: 21px; color: #111a77; }
#content #main-content-sub ol { font-size: 14px; }

.clearer { clear: both; }

/* Register Page */
#register-col { border-right: 1px solid #ddd; float: left; width: 315px; }
#register-col td { font-size: 14px; }

#login-col { float: left; margin-left: 20px; }
#login-col td { font-size: 14px; }

/* Client Admin Page */
#nav-client {  }
#nav-client ul { list-style-type: none; margin: 10px 0 0 0; padding:0; }
#nav-client li { display: inline; margin-right: 20px; }

#stats { float: left; width: 420px; }

/* JOB1USA ADMIN Admin Page */
#nav-job1 {  }
#nav-job1 ul { list-style-type: none; margin: 10px 0 0 0; padding:0; }
#nav-job1 li { display: inline; margin-right: 20px; }

#totals-wrapper { font-size: 14px; float: left; width: 175px; }
#totals-wrapper h3 { color: #C42323;  }
#totals-wrapper ul { list-style-type: none; margin: 20px 0 0 0; padding:0; }

#quick-edit { float: left; }
#quick-edit h3 { color: #C42323;  }
#quick-edit td { font-size: 14px; }

/* JOB1USA ADMIN Change Admin Email Page */

#email-wrapper { width: 250px; }

/* JOB1USA ADMIN Add Additional Users Page */

#adduser-wrapper { width: 300px; }
#adduser-wrapper td { font-size: 14px; }

/* Refer a Friend */
#refer-form { width: 450px; }
#refer-form td { font-size: 14px; }

/* CLIENT Edit Profile */

#client-profile { margin-top: 20px; }

#client-profile #profile-info { float: left; width: 200px; border-right: 1px solid #ddd; }
#client-profile #profile-info td { font-size: 14px; }

#client-profile #edit-details { float: left; width: 250px; margin-left:20px; }
#client-profile #edit-details td { font-size: 14px; }
#client-profile #edit-details #go-but { position: relative; top: 5px; }

/* Faq Page */

#faq-block {  }
#faq-block ul { list-style-type: none; margin: 0; padding: 0; }

#faq-wrapper {  }
#faq-wrapper h3 { color: #C42323; }

/* Contact Us Page */

#form-wrapper { width: 335px; }
#form-wrapper td { font-size: 14px; }
#form-wrapper #submit { text-align: right; }

/* Get Points Page */

#points-wrapper { font-size: 14px; }

/* Create Category Page */

#create-category-wrapper {  }
#create-category-wrapper #current-category { float: left; width: 300px; }
#create-category-wrapper #cat-options { float: left; }
#create-category-wrapper ul { list-style-type: none; margin: 0 0 25px 0; padding: 0; }
#create-category-wrapper label { font-size: 14px; }

/* Add Rewards Page */

#add-rewards-wrapper { float: left; width: 400px; margin-right: 10px; }
#add-rewards-wrapper form { width: 430px; }

#remove-rewards-wrapper { float: left; width: 400px; }
#remove-rewards-wrapper ul { float: left; list-style-type: none; margin: 0; padding: 0; }
#remove-rewards-wrapper ul li { padding: 10px 0; }
#remove-rewards-wrapper #delete-button { margin-top: 10px; }


/* Rewards Grid Page */


#rewards-wrapper { margin-top: 20px; width: 600px; }

#reward-set-1 { }
#reward-set-1 .reward-wrap { clear: left; padding: 20px 0; }
#reward-set-1 .image-wrap { clear: left; }
#reward-set-1 .reward-image { max-height: 75px; max-width: 75px; float: left; margin-right: 10px; }
#reward-set-1 ul { float: left; list-style-type: none; margin: 0 15px 15px 15px; padding: 0; width: 400px; }
#reward-set-1 .reward-name { font-size: 21px; color: #C42323; border-bottom: 1px solid #ddd; }
#reward-set-1 .description { font-size: 11px; font-style: italic; }
#reward-set-1 .cost { font-size: 21px; color: #111A77; }
#reward-set-1 form { clear: left; }

#reward-set-2 { }
#reward-set-2 .reward-wrap { clear: left; padding: 20px 0; }
#reward-set-1 .image-wrap {  }
#reward-set-2 .reward-image { max-height: 75px; max-width: 75px; float: left; margin-right: 10px; }
#reward-set-2 ul { float: left; list-style-type: none; margin: 0 15px 15px 15px; padding: 0; width: 400px; }
#reward-set-2 .reward-name { font-size: 21px; color: #C42323; border-bottom: 1px solid #ddd; }
#reward-set-2 .description { font-size: 11px; font-style: italic; }
#reward-set-2 .cost { font-size: 21px; color: #111A77; }
#reward-set-2 form { clear: left; }



/* Manage Users Page */

#manage-users-wrapper {  }
#manage-users-wrapper .members { margin-top: 15px; }


/* Edit Users Page */

#edit-user-wrapper {  }
#edit-user-wrapper #user-info { float: left; margin-right: 25px; } 
#edit-user-wrapper #edit-user-info { float: left; }
#edit-user-wrapper #change-password { margin-top: 20px; }