/*================================ 
 TRICO 
 global.css  

 Last Updated By: Ryan Perry 
 Last Updated: 03/10/2010
================================*/

/*================================ 
 RESET STYLES
================================*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background: transparent;}body {line-height:1;}ol, ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}/* remember to define focus styles! */:focus {outline:none !important; border:none;}/* remember to highlight inserts somehow! */ins {text-decoration:none;}del {text-decoration:line-through;}/* tables still need 'cellspacing="0"' in the markup */table {font-family:inherit; font-size:inherit; border-collapse:collapse; border-spacing: 0;}


/*================================ 
 GLOBAL LAYOUT
================================*/
body {line-height:1.2; background:#06080d; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;}
.main-container {width:1022px; margin:0 auto; clear:both; background:url('../images/rebate-main-bg.jpg') no-repeat;}
.admin-container {width:1022px; margin:0 auto; clear:both; background:url('../images/admin-main-bg.jpg') no-repeat;}

/*---- Rebate Page ----*/
.rebate-page {clear:both; display:inline-block; width:902px; height:702px; padding:0 68px 10px 52px;}
.rebate-secondary {float:left; display:inline; width:250px; padding:240px 0 0 0;}
.rebate-main {margin-left:295px; width:600px;}

/*---- Admin Page ----*/
.admin-page {clear:both; display:inline-block; width:982px; min-height:702px; padding:75px 20px 20px 20px;}
.admin-secondary {float:left; display:inline; width:245px; padding:0 0 0 0;}
.admin-main {margin-left:270px; width:707px;}

/*---- Element Styles ----*/
a {}
p {margin:0 0 15px 0;}
h1 {font-size:30px; margin:0 0 15px 0;}
h2 {}

/*---- Global Classes ----*/
.clear-float {content: "."; clear:both;height:0;visibility:hidden;display:block;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.hover {cursor:pointer;}
.png-fix {}



/*================================ 
 REBATE FORM
================================*/
.rebate-form {width:236px; height:335px; padding:0 11px; font-weight:bold;}

.rebate-form .form-row {display:inline-block; margin-bottom:5px; width:236px;}
.rebate-form .form-row label {display:block; font-weight:bold; margin-bottom:2px;}
.rebate-form .form-row .form-textbox {border:1px solid #9cd7ff; width:228px; padding:2px;}
.rebate-form .form-row .form-selectbox {border:1px solid #9cd7ff; width:235px;}
.rebate-form .address {}
.rebate-form .address label {margin-bottom:-2px; position:relative;}
.rebate-form .address .form-textbox {margin-top:2px;}
.rebate-form .city {width:104px !important; float:left; display:inline !important; }
.rebate-form .city .form-textbox {width:94px !important;}
.rebate-form .state {width:68px !important; display:inline !important; float:left;}
.rebate-form .state .form-selectbox {width:65px !important;}
.rebate-form .zip{width:60px !important; display:inline !important; float:left;}
.rebate-form .zip .form-textbox {width:54px !important;}
.rebate-form .checkbox {position:relative;}
.rebate-form .form-row .form-checkbox {display:inline-block; position:relative; margin-left:-5px;}
.rebate-form .form-row .form-checkbox input {float:left; display:inline; position:relative; top:3px; margin-right:5px;}
.rebate-form .form-row .form-checkbox label {floadt:left; display:inline !important; margin-bottom:0 !important;}
.rebate-form .form-row .btn-submit {margin:5px 0 15px 10px;}
.rebate-form .form-row .btn-send-it-now {margin:5px 0 15px 10px;}

/*---- Selectbox Replacement ----*/
.rebate-form ul.newList * {margin:0; padding:0;}
.rebate-form ul.newList {margin:0; padding:0; list-style:none; color:#444444; width:235px; background:#fff; position:absolute; display:none; border:1px solid #9cd7ff; top:40px; left:1px; /*overflow:auto;*/ z-index:31;}
.rebate-form .newListSelected {width:225px; color:#000; height:22px; padding:2px 5px 0 5px; float:left; background:url('../images/select-purchase-bg.png') no-repeat;}
.rebate-form .newListSelected:hover {}
.rebate-form .newListSelected span {width:200px; display:block; background:#efefef;}
.rebate-form ul.newList li {padding:3px 8px; float:none; width:auto; display:block; line-height:1.2; color:#444444;}
.rebate-form .selectedTxt {width:200px; overflow:hidden; height:15px; padding-right:33px; line-height:1.2; color:#999999;}
.rebate-form .hiLite {background:#CDD8E4!important; color:#444444 !important;}
.rebate-form .newListHover {background:#EAF2FB!important; color:#444444 !important; cursor:default;}
.rebate-form .newListSelHover {cursor:default;}

.rebate-form .state ul.newList * {margin:0; padding:0;}
.rebate-form .state ul.newList {margin:0; padding:0; list-style:none; color:#444444; width:67px; background:#fff; position:absolute; display:none; border:1px solid #9cd7ff; top:24px; left:1px; /*overflow:auto;*/ z-index:31;}
.rebate-form .state .newListSelected {width:65px; color:#000; height:22px; padding:2px 1px 0 1px; float:left; background:url('../images/select-state-bg.png') no-repeat;}
.rebate-form .state .newListSelected:hover {}
.rebate-form .state .newListSelected span {width:65px; display:block;}
.rebate-form .state ul.newList li {padding:3px 8px; float:none; width:auto; display:block; line-height:1.2; color:#444444;}
.rebate-form .state .selectedTxt {width:65px; overflow:hidden; height:15px; padding-right:33px; line-height:1.2; color:#999999;}
.rebate-form .state .hiLite {background:#CDD8E4!important; color:#444444 !important;}
.rebate-form .state .newListHover {background:#EAF2FB!important; color:#444444 !important; cursor:default;}
.rebate-form .state .newListSelHover {cursor:default;}




/*================================ 
 REBATE LINKS
================================*/
.rebate-links {}
.rebate-links a {color:#ffffff;}
.rebate-links .link-products {display:inline-block; width:258px; font-size:16px; font-weight:bold; margin:0 0 10px 11px;}
.rebate-links .link-products li {float:left; display:inline; margin-right:20px;}

.rebate-links .link-terms {display:inline-block; width:258px; font-size:11px; font-weight:bold;}
.rebate-links .link-terms {text-align:center;}

/*================================ 
 REBATE CONTENT
================================*/
.rebate-content {width:600px; padding-top:11px; position:relative;}
.rebate-content-top {width:593px; height:38px; display:block; background:url('../images/rebate-content-top.png') no-repeat;}
.rebate-content-middle {width:523px; display:block; background:url('../images/rebate-content-middle.png') repeat-y; padding:0px 35px 1px 35px; font-size:14px; font-weight:bold;}
.rebate-content-bottom {width:593px; height:38px; display:block; background:url('../images/rebate-content-bottom.png') no-repeat;}

.rebate-content-middle h1 {text-align:center;}
.rebate-content-middle .title-welcome {text-indent:-9999px !important; background:url('../images/title-welcome.png') no-repeat; width:490px; height:152px; display:block;}
.rebate-content-middle .title-form {text-indent:-9999px !important; background:url('../images/title-form.png') no-repeat; width:490px; height:50px; display:block;}
.rebate-content-middle ul {list-style:disc; margin:0 0 15px 15px;}

/*---- Rebate Offer ----*/
.rebate-content-middle .rebate-thumbnail {width:415px; margin:0 auto;}
.rebate-content-middle .rebate-download-button {width:208px; margin:0 auto;}

/*================================ 
 REBATE PRODUCTS
================================*/
.rebate-products {mardgin:80px 0 0 0; width:593px; height:147px; overflow:hidden; position:absoulte; border:0;}
.rebate-products img {display:block; /*margin-top:-10px;*/ position:relative; height:147px; width:593px;}



/*================================ 
 BUTTONS
================================*/
.form-button {text-indent:-9999px; border:none; outline:none; overflow:hidden; font-size:0px; cursor:pointer; line-height:0px; display:block;}

.btn-submit {background:url('../images/btn-submit.png') no-repeat; width:212px; height:63px;}
.btn-download {background:url('../images/btn-download.png') no-repeat; width:208px; height:57px;}
.btn-send-it-now {background:url('../images/btn-send-it-now.png') no-repeat; width:208px; height:57px;}


/*================================ 
 ADMIN
================================*/
.admin-page .button-container {float:right; width:200px; margin:0 0 1em 0; text-align:right; clear:right;}

/*---- Filter Settings ----*/
.admin-page .filter-settings {clear:right; width:707px; font-size:14px; color:#ffffff; display:inline-block;}
.admin-page .filter-by-date {float:left; display:inline; width:325px; margin-right:10px;}
.admin-page .filter-by-status {float:left; display:inline; width:180px; margin-right:10px;}
.admin-page .filter-by-name {float:left; display:inline; width:275px;}
.admin-page .filter-settings .title {display:block; font-weight:bold; margin-bottom:2px;}
.admin-page .filter-settings .form-textbox {border:2px solid #9cd7ff; width:120px; padding:2px;}
.admin-page .filter-settings .form-selectbox {border:2px solid #9cd7ff; width:125px;}
.admin-page .filter-settings .date {width:75px;}
.admin-page .filter-settings label.date {width:40px;}
.admin-page .filter-settings .status {width:90px;}

/*---- Results Container ----*/
.admin-page .results-container {display:inline-block; width:707px; background:url('../images/red-bar-bg.jpg')  repeat-x 0 0 #ffffff; margin-top:10px;}
.admin-page .results-container .results-table {border-collapse:collapse; podsition:relative; width:707px;}
.admin-page .results-container .results-table th {color:#ffffff; font-weight:bold; vertical-align:middle; padding:4px 8px; font-size:16px; text-align:left;}
.admin-page .results-container .results-table th a {color:#ffffff; text-decoration:none; display:block;}
.admin-page .results-container .results-table th a:hover {text-decoration:underline;}
.admin-page .results-container .results-table td {font-size:12px; padding:8px; vertical-align:middle; color:#000000;}


/*---- Table Sort ----*/
.admin-page .resultsHeader th {background: url('../images/toggle-up-down.png') no-repeat right center; }
/*
.resultsHeader th.sortCol {background: url('../images/toggle-up.png') no-repeat 90% 0 ;}
th.headerSortDown {background: url('../images/toggle-down.png') no-repeat 90% 0;}
*/

.admin-page .resultsPager {border-top:1px solid #cccccc; color:#444444; font-weight: normal; text-align: right;}
.admin-page .resultsPager td {padding:2px 4px 2px 4px !important; font-size: 11px !important;}
.admin-page .resultsPager span {color:#444444; font-weight: bold;}
.admin-page .resultsPager a {color:#444444;}
.admin-page .resultsPager a:hover {text-decoration: none;}

.admin-page .results-container .rebate-rules {color:#000000; padding:50px 20px;}