/* @group Structure */
table.regular { width:100%; color:#888; text-align:left; }
table.regular tr th { background:#212121; font-weight:normal; padding:5px 10px; border-top:1px solid #000; }
table.regular td { border-bottom:1px solid #464646; text-align:left; padding:3px 0 3px 10px; vertical-align:middle; }
table.interactive { width:100%; color:#fff; text-align:left; border-right:1px solid #464646; border-left:1px solid #464646; }
table.selectable td { cursor:pointer; _cursor:hand; }
table.selectable tr:hover td { text-decoration:underline; }
table.interactive .right { text-align:right; }
table.interactive tr th { color:#fff; font-weight:bold; background:#212121; font-weight:normal; padding:5px 10px; }
table.interactive tr th.first,table.interactive td.first { padding-left:20px; }
table.interactive td { border-bottom:1px solid #464646; text-align:left; padding:8px 10px; vertical-align:middle; }
table.interactive tr.selected td { color:#000; background:#3a7eb9 url(../images/table_selected_bg.png) repeat-x; }
table.interactive tr.selected:hover td { text-decoration:none; }

p { text-align:left; line-height:16px; }
p.dark { color:#888; margin-bottom:20px; }
p.dark strong { color:#fff; }
p.dark .light { color:#fff; }
a { color:#5799d1; text-decoration:underline; }
a:hover { text-decoration:none; }
#left_col { width:188px; border:1px solid #464646; border-right-width:0; background:#000; }
#left_col li.heading { padding:8px 0 8px 12px; border-bottom:1px solid #464646; color:#fff; font-weight:bold; }
#left_col li a { display:block; color:#888; text-decoration:none; padding:8px 0 8px 12px; }
#left_col li .arrow { position:absolute; right:-16px; top:0; }
#left_col li a:hover { text-decoration:underline; }
#left_col li.selected { position:relative; }
#left_col li.selected a { color:#000; background:#3a7eb8 url(../images/left_col_bg.png) repeat-x; font-weight:bold; }
#left_col li a.editable { background:transparent url(../images/btn_edit_dark.png) no-repeat; background-position:160px 6px; }
#left_col li a.delete { background:transparent url(../images/btn_delete.gif) no-repeat; background-position:125px 6px; }
#left_col .create_new a { border-top:0 solid #464646; background:transparent url(../images/btn_add_dark.png) no-repeat; padding:7px 6px 6px 30px; background-position:5px 5px; }
#main_col { width:680px; min-height:400px; background:#000; }
.col_container { border:1px solid #464646; border-top-width:0; padding:20px; }
.col_container .labels { color:#666; width:100px; }
.col_container label { color:#666; }
#main_col .first_col { border-top-width:1px; }
/* @end */

/* @group iPour */
#ipour_container,#register_container { background:#000; padding:10px 15px; }
#ipour_container_top { height:5px; background:#000 url(../images/black_bg_top_right.png) no-repeat top right; }
#ipour_container_bottom { height:5px; background:#000 url(../images/black_bg_bottom_right.png) no-repeat top right; }
#ipour_container textarea {background-color:#000;}
.profile { background:#000; }
.profile .photo { border:0 solid #464646; height:198px; width:148px; }
.profile .info { padding:20px; border-top:0 solid #464646; border-bottom:0 solid #464646; height:158px; width:672px; }
.profile .info h1 { padding-bottom:0; }
.profile .info .general { width:215px; }
.profile .info label { display:block; color:#888; margin-top:15px; }
.profile .info .additional { margin-top:15px; width:380px; margin-left: 50px; }
.profile .info .additional .headings { color:#888; width:140px; padding:2px; }
.profile .info .labels { color:#666; margin-right:20px; }
.courses { width:420px; margin-right:25px; }
.courses ul { margin-top:12px; }
.courses ul li { margin:0 auto; width:420px; }
.courses ul li a { display:block; text-decoration:none; color:#000; width:420px; background:transparent url(../images/bar_course_register.png) no-repeat; height:24px; margin-bottom:4px; }
.courses ul li a:hover { background-image:url(../images/bar_course_register_over.png); }
.courses ul li span.label { display:block; padding:3px 0 0 10px; }
.courses ul li span.status { padding:3px 10px 0 0; font-weight:bold; }
.courses ul li.completed a { color:#fff; background-image:url(../images/bar_course_complete.png); }
.statistics { width:250px; margin-right:25px; }
.statistics .data { padding:5px 10px 0; }
.statistics label { display:block; color:#888; margin-top:5px; }
table.drink_categories { margin:15px 10px; width:100%; }
table.drink_categories td { width:141px; text-align:center; padding:0; }
table.drink_categories td a { display:block; text-decoration:none; color:#ccc; }
table.drink_categories td a:hover div { text-decoration:underline; }

/* @end */

/* @group iBar */
.ibar { background:#000; }
.ibar_heading { border-left:1px solid #464646; padding:4px 0 4px 15px; }
.ibar_heading .search { padding-bottom:5px; }
.ibar_heading label { padding:3px 5px 0 0; }
.ibar_heading input { padding:3px; color:#fff; background:#000; border:1px solid #464646; font-size:10px; margin-right:5px; }
#content .head_bg { margin:0; background:url(../images/ibar_header.png); width:455px; height:48px; }
#content .head_bg_text { padding:0; }
#content .head_bg { background:transparent url(../images/ibar_header.png) no-repeat scroll 0 0; height:48px; margin:0 10px 10px; padding-top:0; width:455px; }
#content .head_bg_text { padding:5px 8px 0 10px; color:#fff; }
#ipour_profile_content { 
/*background: #000;*/
}
#profile_photo { margin-right:0; }
#new_ibar { background:#000; }
.create_new { background:#000; padding:5px 10px; border-top:1px solid #464646; }
.ibar_container { border:1px solid #464646; border-top-width:0; position:relative; background:#000; }
.ibar_container .options { padding:5px 5px 5px 15px; background:#333; }
.ibar_container .other_options { padding:8px 8px 8px 15px; border-top:1px solid #464646; }
#ingredients_selected { padding:3px 8px 0 0; }
.ibar_container .tiles { padding:10px; height:300px; overflow-y:scroll; }
.selector_tile { margin:10px; position:relative; padding:6px; width:132px; height:56px; background:#000 url(../images/selector_tile.png) no-repeat; background-position:0 -204px; cursor:pointer; _cursor:hand; }
.selector_tile .action { width:55px; height:16px; position:absolute; top:45px; left:6px; background:transparent url(../images/selector_action.png) no-repeat; background-position:0 -32px; }
.tiles li.active .selector_tile .action { background-position:0 0; }
.tiles li:hover .action { background-position:0 -16px; }
.tiles li.active .selector_tile,.tiles li.active:hover .selector_tile { background-position:0 -68px; }
.tiles li.active:hover .magnify { background-position:0 -25px; }
.tiles { position:relative; }
.tiles li { position:relative; }
.tiles li .magnify { z-index:2; position:absolute; top:0; right:-4px; width:25px; height:25px; background:transparent url(../images/selector_view.gif) no-repeat; background-position:0 -50px; }
.tiles li:hover .selector_tile,.tiles li:hover .magnify { background-position:0 0; }
.selector_tile .photo_ing,.selector_tile .photo_rec { border:1px solid #fff; width:54px; height:54px; overflow:hidden; }
.selector_tile .photo_ing { background-image:url(../images/ingredient_silhouette.png); }
.selector_tile .photo_rec { background-image:url(../images/recipe_silhouette.png); }
.selector_tile .photo_ing img,.selector_tile .photo_rec img { margin-top:-5px; }
.selector_tile .label { font-size:11px; width:70px; line-height:12px; margin-left:5px; }
.selector_tile .label .name { height:46px; }
.selector_tile .label .type { font-size:10px; color:#999; }
#saving_ibar { margin:2px 0 0 5px; }
#saving_ibar .text { padding:0 0 2px 8px; }
#new_ibar input { width:105px; height:15px; padding:3px; color:#ccc; background:#111; border:1px solid #464646; margin:5px; }
#new_ibar img { padding:9px 0 0 3px; }
#edit_ibars { width:auto; display:block; margin-right:10px; text-decoration:underline; padding:0; color:#fff; width:auto; height:auto; }
.ibar_sky {padding:15px 0px 10px 15px;}
/* @end */

/* @group Buttons */
.main_btn { color:#000; height:21px; display:block; height:21px; background:#3b80ba url(../images/btn_main_middle.png) repeat-x; text-decoration:none; background-position:0 -42px; margin-right:5px; }
.main_btn span.left { width:10px; height:21px; display:block; background:transparent url(../images/btn_main_left.png) no-repeat; background-position:0 -42px; cursor:pointer; _cursor:hand; }
.main_btn span.label { display:block; padding:3px 0 0; color:#000; cursor:pointer; _cursor:hand; }
.main_btn span.right { width:10px; height:21px; display:block; background:transparent url(../images/btn_main_right.png) no-repeat; background-position:0 -42px; cursor:pointer; _cursor:hand; }
.main_btn:hover,.main_btn:hover .left,.main_btn:hover .right { background-position:0 -21px; color:#000; }
.main_btn:active,.main_btn:active .left,.main_btn:active .right { background-position:0 0; color:#fff; }
.edit_btn { color:#373737; text-decoration:none; }
.edit_btn span { display:none; }
.edit_btn:hover span { display:block; margin:2px 5px 0 0; }
.dull_btn { height:22px; display:block; height:22px; color:#fff; text-decoration:none; margin-left:5px; font-size:11px; }
.dull_btn span.left { width:10px; height:22px; display:block; background:transparent url(../images/btn_rounded_left.png) no-repeat; background-position:0 -44px; cursor:pointer; _cursor:hand; }
.dull_btn span.label { display:block; padding:3px 0; background:#3f3f3f url(../images/btn_rounded_middle.png) repeat-x; background-position:0 -44px; cursor:pointer; _cursor:hand; }
.dull_btn span.right { width:10px; height:22px; display:block; background:transparent url(../images/btn_rounded_right.png) no-repeat; background-position:0 -44px; cursor:pointer; _cursor:hand; }
.dull_btn:hover .label,.dull_btn:hover .left,.dull_btn:hover .right { background-position:0 -22px; color:#fff; }
.dull_btn:active .label,.dull_btn:active .left,.dull_btn:active .right { background-position:0 0; color:#000; }
a.selected span.left { background:transparent url(../images/btn_rounded_selected_left.png) no-repeat; background-position:0 0; cursor:pointer; _cursor:hand; }
a.selected span.label { background:#000; background-position:0 0; cursor:pointer; _cursor:hand; }
a.selected span.right { background:transparent url(../images/btn_rounded_selected_right.png) no-repeat; background-position:0 0; cursor:pointer; _cursor:hand; }
a.selected:hover .label,a.selected:hover .left,a.selected:hover .right { background-position:0 0; color:#fff; }
.btn_logout { width:67px; height:23px; display:block; background:transparent url(../images/btn_logout.png) no-repeat; margin:0 25px 0 0; }

/* @end */

/* @group Extras */
.header_bar { background:#353535 url(../images/bar_bg.png) repeat-x; height:20px; font-weight:bold; padding:5px 10px 0; }
#profile_photo .photo { background:#000 url(../images/silhouette.png) no-repeat; width:148px; height:198px; border:0 solid #464646; margin-right:10px; }
#profile_photo a.edit_btn { text-decoration:none; display:block; border:1px solid #464646; border-top:0; padding:3px; color:#999; }
#profile_photo a span { padding:2px 5px 0; display:block; }
#profile_photo a:hover { color:#fff; text-decoration:underline; }
#profile_info { width:712px; padding:0; background:#000; }
.info_block .section_header { border-bottom:1px solid #464646; width:100%; position:relative; height:25px; }
.info_block .section_header .label { position:absolute; font-weight:bold; color:#fff; bottom:-5px; padding:0 5px 1px 0; background:#000; }
.info_block .section_header .edit { position:relative; bottom:-6px; padding:0 0 1px 5px; background:#000; }
.info_block .info { margin:20px 0; width:100%; }
.info_block table .label { color:#888; width:180px; padding:2px 0; }
.info_block table .value { width:265px; }
.info_block table .display { width:65px; text-align:right; }
.fields { width:240px; margin-top:5px; position:relative; top:0; left:0; }
.ls { position:relative; top:0; left:45px; }
.ls_import { position:relative; top:0; left:45px; }
.fields input { width:230px; display:block; padding:3px; color:#888; background:#000; border:1px solid #464646; margin-bottom:5px; }
ul.field_labels { width:150px; margin:8px; }
ul.field_labels li { padding:6px; text-align:right; }
#earnings { display:block; padding:0; margin:0 0 15px; }
#progress_bar { border:1px solid #fff; width:350px; height:15px; overflow:hidden; }
#progress { height:15px; width:70px; background:#3a7eb8; border-right:1px solid #fff; }
#progress_count { margin:1px 0 0 10px; }
table.form .label { width:150px; text-align:right; vertical-align:middle; padding-right:10px; }
table.form .field input { width:200px; padding:3px; color:#888; background:#000; border:1px solid #464646; margin-bottom:5px; }
table.form .field select { border:1px solid #464646; margin-bottom:5px; color:#888; }
.form_align { margin:20px 0 0 160px; }
.error { background:#F9D700; color:#000!important; margin:5px 0 15px; padding:10px; }
.error ul { list-style-type:disc; padding:0 0 0 25px; }
.success { background:#1CA020; color:#000; padding:10px; margin:5px 0 15px; }
table.service_providers { width:100%; text-align:center; }
table.service_providers th { border-bottom:0; }
#uploader { background:#006CB6; padding:10px; margin-bottom:15px; }
.terms { color:#fff; padding:2px 0 0 10px; }
#ipour_other_marketing_info { margin-top:10px; padding:0; }
#edit_profile_photo { border:0 solid #464646; width:142px; color:#888; display:block; border-top:0; padding:3px; }

/* @end */

/* @group Edit */
div.edit { padding:10px; background:#111; margin-top:5px; }
div.edit td { padding:3px; }
#ipour_container select,div.edit select { color:#fff; background:#000; }
div.edit input { padding:3px; color:#fff; background:#000; border:1px solid #464646; }

/*
div.edit input {padding:3px;background: #fff;}
*/

/* @end */

/* @group Edit */
#register_container { padding:20px 50px; height:580px; }
#register_container .fieldset { padding-bottom:5px; }
#register_container .fieldset label { width:125px; color:#fff; padding-top:3px; }
#register_container .fieldset label span { color:#fff; }
#register_container .fieldset input.field { width:200px; border:1px solid #666; color:#888; background:#000; padding:3px; }
#register_container .fieldset textarea { font-size:11px; font-family:Arial, sans-serif; width:200px; height:100px; border:1px solid #666; color:#888; background:#000; padding:3px; }
#register_container .fieldset .required { 
/*color:#5799d1;*/
color:#fff; padding:2px 0 0 10px; }
#register_container .fieldset .checkbox { padding:0; margin:2px 0 0; }
#register_container .fieldset select { border:1px solid #666; color:#888; background:#000; padding:3px; margin-right:3px; }
#register_container .register { margin-left:125px; }

/* @end */
#ipour_login { position:relative; top:0; left:0; margin:0 auto; width:340px; text-align:left; height:180px; }
#ipour_login label { padding:5px 0; display:block; text-align:left; }
#ipour_login #ipour_email { float:left; width:170px; display:block; }
#ipour_login #ipour_pass { float:left; width:170px; display:block; }
#ipour_login #ipour_forgotpass { padding-right:100px; padding-left:10px; }
#ipour_login #ipour_register { padding-left:10px; }
#login_form input# { padding:5px 0; }
.forgot_password { width:400px; margin:0 auto; }
#forgot_password_form { position:relative; top:0; left:0; margin:0 auto; width:360px; text-align:left; height:50px; }
#forgot_password_form label { padding:5px 0; display:block; text-align:left; }
#forgot_password_form #ipour_email { float:left; width:170px; display:block; }
#forgot_password_form #send_new_password { float:left; margin-top:25px; width:190px; display:block; }
#back_to_login { text-align:left; margin:0 0 20px 20px; }
#ipour_container h2 { padding:0; }
h2 span.highlight { color:#3A7EB8; }
.ml { margin-left:20px; }

/* -------------------------------------------------------------------------- */

/* #group iPour */

/* -------------------------------------------------------------------------- */
#login_container { width:960px; color:#fff; text-align:center; }
#login_container p { text-align:center; }
#login_logo { margin:0 auto; width:196px; display:block; }
ul#login_ipour_ul { width:350px; margin:0 auto; }
ul#login_ipour_ul li { float:left; text-align:left; margin-bottom:2px; clear: both; position: relative; top: 0; left: 0;}
ul#login_ipour_ul img { float:left; }
ul#login_ipour_ul span.login_li_item { float:right; margin:5px 0 0 5px; width: 380px; border: 0px solid red; position: absolute; top: 0; left: 20px;}
#login_banner { margin-top:50px; }
.btn_send_new_password { width:180px; background:url(../images/btn_send_new_password.png) no-repeat; height:29px; border:0; }
#ipour_upload_your_photo_link { display:block; text-align:center; margin-top:10px; }
#sample_email_container { background:#222; padding:20px; margin:10px; line-height:16px; }

/* -------------------------------------------------------------------------- */

/* #group jobs */

/* -------------------------------------------------------------------------- */
#job_information ul li { margin:4px 0; line-height:16px; }
#job_information label { margin:4px 0; }
#job_information p { line-height:16px; }
#secondary_nav ul li a.Friends span { background:transparent url(../images/tab_lt_affiliate.png) no-repeat scroll 0 -52px; color: #000; }
#secondary_nav ul li.selected a.Friends span { color: #fff; }
#secondary_nav ul li a.Friends { background:transparent url(../images/tab_rt_affiliate.png) no-repeat scroll right -52px; }

.affiliate_facebook_link {margin-right: 20px;}
.affiliate_twitter_link:hover {text-decoration: underline;}
.affiliate_twitter_icon {margin-top: 5px;}
.affiliate_tweet {margin: 5px 30px 0 5px;}

#pass_box { display: none; }
