/*
	
	BudgeTalk

 * @author      Daniel Villanyi
 * @copyright   2012 CG-Systems
 * @date        2012-07-12
 * @filename    screen.css
*/

/* base */

html { position:relative; }
body { background:#c1c1c1; font-family:Arial, Verdana, sans-serif; font-size:13px; color:#402c2c; margin:0; padding:0; position:relative; }
a { outline:0; color:inherit; text-decoration:none; cursor:pointer; }
a img { border:0; }
hr { height:1px; background:#c7c4c4; border:0; margin:20px 0; float:none; clear:both; }
label { display:block; margin:0; }
iframe { margin:0; padding:0; display:inline; }
h1 { font-weight:normal; color:#5faaff; }
h2 { font-weight:normal; color:#0f3158; }
h3 { font-weight:normal; }
h4 { font-weight:normal; }
h5 { font-weight:normal; }
h6 { font-weight:normal; } 

/* global classes */

.align_left { text-align:left; }
.align_center { text-align:center; }
.align_right { text-align:right; }
.align_justify { text-align:justify; }
.text_bigger { font-size:120%; }
.text_smaller { font-size:80% !important; }
.text_bold { font-weight:bold !important; }
.text_stroke { text-decoration:line-through; } 
.text_uppercase { text-transform:uppercase; } 
.text_underline { text-decoration:underline; }
.display_block { display:block !important; }
.display_hidden { visibility:hidden; display:none; }
.display_none { display:none; }
.display_not { height:0px !important; width:0px !important; overflow:hidden !important; }
.visibility_hidden { visibility:hidden; } 
.display_inline { display:inline !important; float:none; clear:none; }
.clearer { float:none; clear:both; }
.border_radius { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.border_radius_top { border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; }
.border_radius_top_left { border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; }
.border_radius_top_right { border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; }
.border_radius_bottom { border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; }
.border_radius_bottom_left { border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; }
.border_radius_bottom_right { border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }
.border_none { border:none; }
.float_left { float:left; }
.float_right { float:right; }
.inactive { /*filter:alpha(opacity=50);*/ -moz-opacity:0.5; opacity:0.5; }
.option { display:block; margin:10px 0; }

/* box aligns */

.w33 { width:290px; float:left; margin:0 10px; }

/* inputs */

input[type=text], input[type=password], input[type=email] { margin:0; background:#fff; border:1px solid #c1c1c1; padding:10px; font-size:14px; color:#5faaff; width:490px; }
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus { background:#f2f2f2; border:1px solid #ffb95f; }
input[type=submit], input[type=button] { background:#5faaff; color:#fff; border:0; padding:10px; font-size:14px; }
select { margin:0; background:#fff; border:1px solid #c1c1c1; padding:10px; font-size:14px; color:#5faaff; width:510px; }
textarea { font-family:Arial, Verdana, sans-serif; margin:0; background:#fff; border:1px solid #c1c1c1; padding:10px; font-size:14px; color:#5faaff; width:490px; }

/* tables */

table { width:100% !important; font-size:12px !important; border-collapse:collapse !important; border:0 !important; }
table td { vertical-align:middle !important; background:#f4f4f4 !important; padding:5px 2px; }
table tr:first-child td { /*background:#999 !important; color:#fff !important; padding:5px 2px !important;*/ }
table tr.table_rates_header td { background:#999 !important; color:#fff !important; padding:5px 2px !important; }
table tr th { background:#999 !important; color:#fff !important; padding:5px 2px !important; }
table tr.odd  td,
table tr.table_rates_row_0  td { background:#fff !important; }
table tr.even.odd  td { vertical-align:middle !important; background:#f4f4f4 !important; }
td { border:0 !important; }
th { border:0 !important; color:#fff !important; }
thead th { border:0 !important; color:#fff !important; }
thead td { border:0 !important; color:#fff !important; }
table tbody tr:first-child td { color:#979797 !important; }
.wp-table-reloaded th { color:#fff !important; }
.table_rates_header td, .table_rates_header td b { color:#fff !important; }
#recaptcha_table td { background:#fff !important; }
#recaptcha_image { padding:10px; }

/* layout */

.container { width:930px; margin:0 auto; padding:0 10px; position:relative; }
#header { width:100%; height:310px; background:#09182a url(images/headerW_bg.jpg) center repeat-x; border-bottom:1px solid #c1c1c1; position:relative; }
#header .container { height:310px; background:transparent url(images/header_container_bg.png) center no-repeat; position:relative; }
#content { width:100%; padding:120px 0 30px 0; min-height:300px; background:#fff; color:#979797; border-bottom:1px solid #c1c1c1; }
#bottom { width:100%; padding:30px 0 60px 0; background:#21344a url(images/bottom_bg.png) top center repeat-x; color:#fff; border-bottom:1px solid #182635; }
#footer { width:100%; padding:30px 0 30px 0; background:#c1c1c1 url(images/footer_bg.png) top center no-repeat; color:#071627; }

/* header */

#logo_budgetalk { margin:0; padding:0; position:absolute; left:10px; top:50px; }
#logo_budgetalk a { display:block; text-indent:-9000px; height:64px; width:179px; background:transparent url(images/logo_budgetalk.png) center no-repeat; }
#header .fb-like { position:absolute; top:70px; left:210px; overflow:hidden; z-index:0 !important; }
#fb-root { display:none; z-index:0 !important; }

/* main menu */

#main_menu { display:block; position:absolute; right:10px; top:65px; z-index:9999; margin:0; padding:0 10px; text-align:right; list-style:none; background:#488ad4 url(images/main_menu_bg.png) center repeat-x; border:1px solid #599ff0; }
#main_menu li { display:inline-block; position:relative; }
#main_menu li a { position:relative; z-index:0; display:block; padding:5px 10px; font-size:15px; color:#fff; text-align:center; text-shadow:-1px 0 #3f74b2, 0 1px #3f74b2, 1px 0 #3f74b2, 0 -1px #3f74b2; }
#main_menu li ul li:nth-child(1) a { border-top:1px solid #dfdfdf !important; }
#main_menu li a:hover { /*filter:alpha(opacity=80);*/ -moz-opacity:0.8; opacity: 0.8; }
#main_menu li.current-page-ancestor a { background:#3772b6; border:1px solid #589eef; border-top:0; border-bottom:0; margin:-1px 0 0 0 !important; padding:6px 10px; }
#main_menu li.current-page-ancestor a:hover { font-weight:normal; /*filter:alpha(opacity=100);*/ -moz-opacity:1.0; opacity: 1.0; }
#main_menu ul { display:none; position:absolute; top:27px; left:-20px; z-index:9999; width:180px; padding:20px; background:#fff; border:1px solid #c1c1c1; -moz-box-shadow:3px 3px 3px 0 #1c2836; -webkit-box-shadow:3px 3px 3px 0 #1c2836; box-shadow:3px 3px 3px 0 #1c2836; }
#main_menu li:hover ul { display:block; }
#main_menu ul li { float:none; display:block; margin:0; padding:0; text-align:left; }
#main_menu ul li a { font-size:15px; font-weight:bold; text-align:left; text-shadow:none; color:#7d7d7d; border-top:1px solid #dfdfdf; margin:0 !important; padding:4px 0 !important; }
#main_menu ul li a:hover { color:#6ab0ff; }
#main_menu ul ul { position:relative; top:0; left:0; z-index:9999; margin:0 0 0 -20px; padding:0 0 0 20px; border:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
#main_menu ul ul li { border:none; }
#main_menu ul ul li a { font-size:13px; margin:0 !important; border-top:1px solid #dfdfdf; /*width:160px;*/ font-weight:normal; padding-left:20px !important; }
.sub-menu li:last-child a { border-bottom:1px solid #dfdfdf !important; }
.sub-menu li:last-child { margin:-1px 0 !important; }
.sub-menu li:first-child { margin:-1px 0 !important; }
/*	selected item parent	*/
#main_menu li.current-page-ancestor ul li a { float:none; display:block; margin:0; padding:4px; text-align:left; border:0; border-top:1px solid #dfdfdf; background: #fff; }
#main_menu li.current-page-ancestor .current_page_item a { float:none; display:block; margin:0; padding:0; text-align:left; border: 0; border-top:1px solid #dfdfdf; color:#5FAAFF; }
#main_menu li.current-page-ancestor ul li .current-menu-item a { float:none; display:block; margin:0; padding:0; text-align:left; border: 0; border-top:1px solid #dfdfdf; color:#5FAAFF; }
/*	selected main menu item	*/
#main_menu li.current-menu-item a { background:#3772b6; border:1px solid #589eef; border-top:0; border-bottom:0; margin:-1px; padding:6px 10px; }
#main_menu li.current-menu-item a:hover { font-weight:normal; /*filter:alpha(opacity=100);*/ -moz-opacity:1.0; opacity: 1.0; }
.current-menu-item a { color:#5FAAFF; }
.current-menu-item  li  a { color:#7D7D7D !important; }
.current-menu-item  li  a:hover { color:#5FAAFF !important; }

/* slider */

#slider { position:absolute; left:0; top:180px; width:760px; height:213px; }
#slider_sh { height:7px; width:287px; background:transparent url(images/slider_shadow.png) center no-repeat; position:absolute; left:20px; top:213px; }
.coin-slider { width:760px; height:213px; overflow:hidden; } 
.cs-title { position:absolute; top:0; left:334px !important; width:430px; height:128px; color:#5faaff; /*filter:alpha(opacity=100) !important;*/ -moz-opacity:1.0 !important; opacity: 1.0 !important; }
.cs-title strong { display:block; margin-bottom:20px; color:#fff; font-size:23px; font-weight:normal; } 
.cs-buttons { position:absolute; bottom:30px; left:364px !important; }
.cs-next, .cs-prev { display:none; }
.cs-buttons a { border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; color:#c1c1c1; background:#c1c1c1; margin-right:5px; display:block; text-indent:-9000px; height:15px; width:15px; float:left; }
.cs-buttons a.cs-active { color:#5faaff; background:#5faaff; }

/* search by keyword */

#search_by_keyword { position:absolute; top:330px; right:0; margin:0; padding:0; }
#search_by_keyword input[type=text] { width:115px; padding-right:40px; }
#search_by_keyword input[type=text]:focus { width:215px; }
#search_by_keyword input[type=submit] { position:absolute; right:10px; top:8px; height:22px; width:26px; background:transparent url(images/search_by_keyword_submit_bg.png); text-indent:-9000px; margin:0; padding:0; }

/* online order */

#online_order { position:absolute; right:0; top:175px; text-align:center; color:#fff; width:165px; font-size:9px; }
#online_order a { display:block; margin-bottom:10px; background:#61c628 url(images/online_order_a_bg.png) center repeat-x; font-size:15px; padding:20px; border:1px solid #6dd03a; -moz-box-shadow:3px 3px 3px 0 #3a3a3a; -webkit-box-shadow:3px 3px 3px 0 #3a3a3a; box-shadow:3px 3px 3px 0 #3a3a3a; text-shadow:-1px 0 #48ba0e, 0 1px #48ba0e, 1px 0 #48ba0e, 0 -1px #48ba0e; }

/* content */

#content .box {}
#content .box h2 { padding-left:36px; background:url(images/content_box_h2_bg.png) left center no-repeat; }

/* bottom */

#bottom h1 { color:#fff; }
#bottom .box { text-align:center; }
#bottom .box .sh { background:url(images/bottom_box_index_img_bg.png) center no-repeat; height:6px; }
#bottom .box .index_img { background:#fff; width:195px; height:130px; margin:0 auto; }
#bottom .box h2 { color:#5faaff; }
#bottom .box p { text-align:left; margin-bottom:20px; font-size:12px; }
#bottom .box a { background:#63c72a url(images/bottom_box_a_bg.png) center repeat-x; border:1px solid #6dd03a; padding:5px; -moz-box-shadow:3px 3px 3px 0 #1c2836; -webkit-box-shadow:3px 3px 3px 0 #1c2836; box-shadow:3px 3px 3px 0 #1c2836; text-shadow:-1px 0 #48ba0e, 0 1px #48ba0e, 1px 0 #48ba0e, 0 -1px #48ba0e; }

/* footer */

#footer .main_menu { margin:0 15px 0 0; padding:0; list-style:none; font-size:15px; float:left; width:26%; }
#footer .main_menu .active { font-weight:bold; }
#footer .main_menu ul { display:none; }
#footer .w33 { width:27% !important; margin:0 0 0 0; }
#footer .w33 span { display:block; }
#footer .w33 a { text-decoration:underline; }
#footer .w33 .co { margin-bottom:15px; }
#footer .w33 span.logo { display:inline; }
#footer .logos { float:right; width:400px; text-align:center; }
#footer .logos a { display:inline-block; margin:5px 10px; }
#footer .container {  }

/* pages modifier */

#pages #online_order { left:50px; }
#pages #content { padding-top:30px; }
#pages #content .container { padding:0;  } 
#pages #content #left_panel { width:240px; float:left; padding-right:60px; }
#pages #content #left_panel .w33 { width:260px; }
#pages #content #right_panel { width:510px; padding:30px 60px; min-height:400px; margin-top:-200px; float:right; background:#fff url(images/content_right_panel_bg.png) left top no-repeat; }


/********************* LIGHTBOX *********************/

/* line 6, sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9998;
  background-color: black;
  /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);*/
  opacity: 0.85;
  display: none;
}

/* line 15, sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  /**zoom: 1;*/
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, .rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, sass/lightbox.sass */
.lb-prev:hover {
  background: url(images/prev.png) left 48% no-repeat;
}

/* line 85, sass/lightbox.sass */
.lb-next:hover {
  background: url(images/next.png) right 48% no-repeat;
}

/* line 88, sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  /**zoom: 1;*/
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, .rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 117, sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}
