@CHARSET "UTF-8";

 @import url('framework.css');
 @import url('reset.css');


/* =========================  FRAMEWORK - TYPOGRAPHY ======================= */

body {
	font:100%/1.5em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}
 
li ul, li ol { margin: 0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.7em; }

p {
	padding: 0 0 1.2em 0;
}

/*
p img       { float: left; margin: 0 1em 1em 0; padding: 0; }
p img.right { float: right; margin: 0 0 1em 1em;  }

h1,h2{ font-weight:normal; color: #333; font-family: inherit; letter-spacing: 2px; word-spacing:0.1em;  }
h3,h4,h5,h6 { font-weight: normal; color: #333; font-family: inherit; }


h1 { font-size: 2.2em;  margin-bottom: 0.682em; }
h2 { font-size: 1.9em;  margin-bottom: 0.79em; }
h3 { font-size: 1.7em;  margin-bottom: 0.882em; }
h4 { font-size: 1.4em;  margin-bottom: 1.071em; }
h5,h6 { font-size: 1.3em;  margin-bottom: 1,154em; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

a { color: #035292; text-decoration: none; }
a:hover { text-decoration: underline; }


table {  margin-bottom: 1.5em; border-collapse: collapse; }
th {font-weight: bold; }
tr, th, td { margin:0; padding:0 1.5em 0 1em; height:18px; }
tfoot { font-style: italic;  }
caption { text-align:center; font-family:Georgia, serif;  }


abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }


blockquote { padding-left:1.5em; margin: 1.5em; border-left:3px solid #ccc; font-style:italic;  }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; }
hr {margin-bottom:1.5em;}
*/

/* =========================  /FRAMEWORK ==================================== */

body {
	color: #6d6d6d;
	background-color: #282728;
	min-width: 980px;
}

a img, :link img, :visited img {
	border: medium none;
}

img.preloader {
	height: 0;
	width: 0;
	border-width: 0;
	position: absolute;
	bottom: -13px;
	left: -216px;
	z-index: -30;
}

.main {
	font-size: .8em;
}

.maxContainer {
	height: 100%;
	max-width: 970px;
	width: expression(document.body.clientWidth > 970 ? "970px" : "auto");	/* IE6 hack */
	margin: 0 auto;
}

.greyContainer {
	padding: 20px 25px;
	background: #f0f0f0 url(../images/graph_bg.gif) repeat-x top;
}

#header, #headerMainPage {
	height: 213px;
	background: transparent url(../images/bg_header.gif) repeat-x 0 0;
	color: #d9d9d9;
	font-size: 1.2em;
}

#headerMainPage {
	height: 110px;
}

#headerTop {
	height: 113px;
}

#headerBottom {
	font-size: .85em;
	height: 75px;
	padding-top: 25px;
	background: transparent url(/gfx/header_bottom_bg.png) no-repeat center center;
}

#headerBottom p {
	line-height: 1.5em;
	color: #aaa;
	margin-top: -5px;
}

#headerBottom img.tall {
	margin-top: -12px;
}

div.mainPage {
	height: 110px;
}

#mainPageHeader {
	height: 289px;
	background: #000 url(../images/header_main.jpg) no-repeat center;
}
#mainPageHeader2 {
	height: 289px;
	background: #000 url(../images/header_main_2.jpg) no-repeat center;
}
#mainPageHeader3 {
	height: 289px;
	background: #000 url(../images/header_main_3.jpg) no-repeat center;
}

#mainPageHeader .container {
	position: relative;
	width: 890px;
	height: 100%;
	margin: 0 auto;
}

#mainPageHeader .container  #video{
	position: relative;
	width: 500px;
	height: 268px;
	margin: 0 auto auto 420px;
	top:7px ;
	
}


	
a#signUp, a#signUp2 {
	float: right;
	text-indent: -99999px;
	display: block;
	width: 290px;
	height: 63px;
	background: transparent url(../images/sign_up.gif) no-repeat;
}

a#signUp:hover {
	background: transparent url(../images/sign_up.gif) no-repeat -160px 0;
}

a#signUp2 {
	background: transparent url(../images/sign_up2.gif) no-repeat 0 0;
}

a#signUp2:hover {
	background: transparent url(../images/sign_up2.gif) no-repeat 0 -76px;
}

#mainPageHeader a#signUp2 {
	position: absolute;
	left: 42px;
	bottom: 17px;
}

#header a {
	color: #d9d9d9;
}

#logo {
	display: block;
	height: 100%;
	width: 355px;
	background: transparent url(../images/logo.png) no-repeat left center;
}

#content, #contentMainPage {
	min-height: 405px; /* 768 - 160 (obszar roboczy przegladarki) - 85 (naglowek) - 32 (stopka) - 32 (menu) - 6 umenu - 6 afooter*/ 
	background: #fff url(/gfx/content_bg.gif) repeat-x top;
}

#contentMainPage {
	background-color: #000;
	background-image: none;
	color: #7c7c7c;
}

#contentInner {
	padding: 25px 20px 14px;
}

p.bottomText {
	color: #343434;
	font-size: .9em;
	line-height: 1.5em;
	margin: 30px 0;
}

#payoutMethods {
	height: 55px;
	background: #141414 url(../images/payout_methods.gif) no-repeat 50% 50%;
}

#footer {
	height: 32px;
	color: #b2b2b2;
	text-align: center;
	padding-top: 8px;
	font-size: .9em;
}

#footer a {
	color: #b2b2b2;
}

#footLeft {
	float: left;
	
}

#footRight {
	float: right;
}

#footRight span {
	padding: 0 5px;
}

br {
	clear: left;
}

br.noClear {
	clear: none;
}

a {
	color: #1965a6;
}

h1, p.content_title {
	color: #750000;
	font-size: 1.5em;
	font-weight: normal;
}

h1 a {
	color: #750000;
	text-decoration: none;
}

h1 a:hover {
	text-decoration: underline;	
}

p.tmpHeader {
	font-size: 3em; 
	margin: 20px 0px 20px 0px; 
	color: #888; 
	font-family: Verdana
}

.caption {
	border-bottom: 1px solid #DFDFDF;
	display: block;
	margin: 0 0 1em;
	padding: 0;
}

.caption1 {
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 1em;
	font-size: 1.2em;
	padding: 0;
}

/* ===================== lister ========================= */
.hand {
	cursor: pointer;
}

div.list {
	margin: 0 auto 0;
}

div.listTitle {
	float: left;
	font-weight: bold;
	color: #636363;
	padding-left: 2px;
	line-height: 1.5em;
}

div.listTotal {
	float: right;
	padding: 0 3px 0 10px;
	color: #6d6d6d;
	line-height: 1.5em;
}

div.listDeleteButton		{ float: left; padding: 2px 39px }
div.listDeleteButton .submit	{ font-size: .9em }

div.listLimit {
	float: left;
	color: #6d6d6d;
	line-height: 1.5em;
}

div.listLimit .separator { color: #ccc; }

div.listLimit a {
	text-decoration: none;
	padding: 0 3px;
}

div.listLimit a:hover {
	text-decoration: underline;	
}



div.listPaging {
	float: right;
	line-height: 1em;
}

div.listPaging span {
	display: block;
	float: left;
	height: 16px;
}

div.listPaging a {
	padding: 0 5px;
	display: block;
	float: left;
	font-size: 1.25em;
	line-height: 1.2em;
	text-decoration: none;
	text-align: center;
}

div.listPaging a.pagingFirst {
	width: 10px;
	height: 19px;
	background: transparent url(/gfx/first.gif) no-repeat center 7px;
}

div.listPaging a.pagingPrev {
	width: 10px;
	height: 19px;
	background: transparent url(/gfx/prev.gif) no-repeat center 7px;
}

div.listPaging a.pagingNext {
	width: 10px;
	height: 19px;
	background: transparent url(/gfx/next.gif) no-repeat center 7px;
}

div.listPaging a.pagingLast {
	width: 10px;
	height: 19px;
	background: transparent url(/gfx/last.gif) no-repeat center 7px;
}

div.listPaging a img {
	margin-top: 2px;
}

div.listPaging a:hover {
	text-decoration: underline;
}

div.listPaging a.sel {
	color: #b3b2ae;
}

table.listTable {
	width: 100%;
	background-color: #fff;
	margin: 8px 0; 
	border-collapse: collapse;
	line-height: 1.2em;
}

table.listTable th {
	border-left: 1px solid #7D7B73;
	border-right: 1px solid #DFDFDF;
	border-top: none;
	border-bottom: none;
	background-color: #797979;
	padding: 10px 5px;
	font-weight: bold;
	text-align: center;	
	color: #fff;
}

table.listTable th.right {
	border-right: 1px solid #a1a1a1;
}

table.listTable th a, h2.tableTitle a {
	color: #fff;
	text-decoration: none;
}

table.listTable th a:hover, h2.tableTitle a:hover {
	text-decoration: underline;
}

table.listTable th.asc {
	background: #797979 url('/gfx/sort_asc.gif') no-repeat center bottom;
}

table.listTable th.desc {
	background: #797979 url('/gfx/sort_desc.gif') no-repeat center top;
}

table.listTable td {
	border: 1px solid #d9d9d9;
	padding: 5px 5px;
	text-align: center;
}

table.listTable td.last {
	border-right: 1px solid #DFDFDF;
}

table.listTable td.noPadding {
	padding: 0;
}

table.listTable tr:hover {
	background-color: #E8F5F8;
}

table.listTable tr.marked {
	background-color: #E8F5F8;
}

table.listTable tr.noHover:hover {
	background-color: #fff;
}

table.listTable tr.checked	{ background-color: #F3C491 }
table.listTable tr.categ		{ background-color: #f2f2f2 }
table.listTable tr.categ:hover	{ background-color: #F9E3CB }

table.listTable td.alignRight {
	text-align: right;
}

table.listTable tr.totalRow td {
	border-top: #797979 2px solid;
	background-color: #dfdfdf;
}


/* ====================== search ========================= */
form.listSearch {
	margin-bottom: 15px;
}

div.searchForm {
	border: 1px solid #dfdfdf;
}

div.listSearchTitle {
	background-color: #797979;
	padding: 5px 8px 0;
	color: #fff;
	font-weight: bold;
}

div.listSearchTitle span { padding: 5px 0; vertical-align: 20%;}

div.listColumnSetupWindow {
	width:300px; 
	margin:0 auto; 
	border:1px solid gray; 
	background-color:white;
	font-size:0.75em;
}

div.listColumnSetupTitle {
	position:relative;
	font-weight:bold;
	margin: 10px auto;
	color: #636363;
	text-align:center;
}

div.listColumnSetupList {
	border: 1px solid gray;
	margin: 0 auto; 
	width: 260px; 
	height: 180px; 
	top: 10px; 
	position: relative;
	overflow-y: scroll;
	overflow: auto;
}

div.listColumnSetupEntry {
	background-color:#7D7B73;
	border-bottom:1px solid #DFDFDF;
	padding:6px 20px 6px 20px;
	color: #fff;
	font-weight:bold;
	text-align: left;
}

div.listColumnSetupShowAll {
	position:relative;
	margin:0 auto;
	width:260px;
	padding-top:13px;
}

div.listColumnSetupEntry input[type=checkbox] {
	margin-right:5px;
}

div.exportChooser {
	margin-bottom:5px;
}

div.exportChooser span.exportFormat input[type=radio] {
	margin-right:4px;
}

div.exportForm div.checks label.chkLabel {
	width:230px;
}

div.exportForm div.checks {
	width:460px;
}
div.exportChooser span.exportFormat {
	margin-left:10px;
}

div.exportForm {
	padding-left:41px;
	background-color: #F7F6F2;
	border-bottom: 1px solid #DFDFDF;
	border-top: 1px solid #DFDFDF;
	padding-bottom:5px;	
}


#_deleteSearch {
	margin: 10px 3px;
}


div.notes table.listTable {
    margin: 0;
}

div.notes table.listTable th {
	background-color: #E5E5E5;
	color: #000;
}

.alignLeft, table.listTable td.alignLeft {
    text-align: left;
}

div.notes form {
    border: 1px solid #C4C4C4;
    margin: 1px 0;
    padding: 3px;
}

div.notes form button.add {
	margin: 8px 0 0 5px; 
	background: #CBD8E9; 
	border-left: 1px solid #F2F5FA;
	border-top: 1px solid #F2F5FA;
	border-right: 1px solid #A5B4CD;
	border-bottom: 1px solid #A5B4CD; 
	height: 23px;
}

div.notes #notesTable {
	max-height: 250px; 
	overflow-y: auto; 
	overflow-x: hidden; 
	margin-top: 5px; 
	border: 1px solid #C4C4C4;
}

div.notes #messages {
    margin: 1px 0;
}


.alignRight {
	text-align: right;
}

img.searchFormHidden {                                                                                                                                       
	background: transparent url(/gfx/plus.png) no-repeat;                                                                                                     
	width: 20px;                                                                                                                                                 
	height: 19px;
}                                                                                                                                                            
                                                                                                                                                             
img.searchFormVisible {                                                                                                                                      
	background: transparent url(/gfx/minus.png) no-repeat;                                                                                                    
	width: 20px;                                                                                                                                                 
	height: 19px;
}  

/* forms */
.formContainer {
	color: #5a5a5a;
	width: auto;
	height: auto;
	margin: 20px 10px 0 41px;
}

.formContainer span.tip, .box span.tip {
	font-size: .9em;
	font-weight:  normal;
	color: #a3a3a3;
	width: 270px;
	margin: 7px 0 0 8px;
	display: block;
	float: left;
	border: 0;
}

label span.tip {
	font-size: .9em;
	font-weight:  normal;
	color: #a3a3a3;
	width: 144px;
	margin: 3px 0 10px 0;
	display: block;
	float: right;
	border: 0;
}

.formContainer span.error {
	background: transparent url("/gfx/exclam.gif") left no-repeat;
	width: 5px;
	height: 21px;
	display: block;
	float: left;
	margin: 10px 5px 0;
}

input.std, select.std, textarea.std {
	color: #5a5a5a;
	border: 1px solid #b9b6a9;
	margin-top: 9px;
	padding: 2px;
	display: block;
	float: left;
}

input[type="text"].std, input[type="password"].std, select.std, textarea.std {
	width: 270px;
}

div.std {
	width: 270px;
	margin-top: 5px;
	padding: 4px 0;
	display: block;
	float: left;
}

div.stdPadding {
	padding: 4px 0;
}

select.std {
	width:276px;	
}

label.std {
	display: block;
	float:left;
	width: 220px;
	text-align: right;
	padding: 2px 15px 0 0;
	margin-top: 5px;
}

label.formError {
	color: #ab2b2b;
}

input.formError, select.formError, textarea.formError {
	border: 1px solid #ab2b2b; 	
}

/* IE7 exceptions */
input[type=radio].formError, input[type=checkbox] { border: none; }

label.std em, span.asterisk {
	color: #c00;
	margin: 0 4px;	
}

div.submits {
	text-align: center;
	padding: 15px 0 30px;
}

div.infoField {
	color: #5a5a5a;
	width: 270px;
	margin-top: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	display: block;
	float: left;
}

/* infos, errors */
div.msgs {
	color: #52514f;
	text-align: justify;
	min-height: 75px;
	margin: 10px 0px 40px 0px;
	padding: 10px 26px 10px 100px;
	clear: both;
	cursor: pointer; 
	position: relative;
}

div.msgs p {
	margin: 20px 0;
}

div.msgs li {
	margin: 0;
	padding-left: 0;
	color: #404040;
	list-style-type: none;
}

div.msgs div.close {
	position: absolute; 
	top: 0px; 
	right: 20px; 
	font-size: 0.8em;	
}

div.infos {
	background: #f1fff2 url("/gfx/ok_info.gif") no-repeat 0 50%;
	border-top: 2px solid #B4BFA7;
	border-bottom: 2px solid #B4BFA7;
}

div.errors {
	background: #ffd9d9 url("/gfx/error_info.gif") no-repeat 45px 20px;
	border-top: 2px solid #cfb0b0;
	border-bottom: 2px solid #cfb0b0;
}

div.notice {
	background: #F0F4F9 url("/gfx/icon_info.gif") no-repeat 35px 50%;
	border-top: 2px solid #9BB7BF;
	border-bottom: 2px solid #9BB7BF;
}

/* sign in/out button */
#headerRight {
	height: 100%;
	position: relative;
}

#signIn, #signOut {
	position: absolute;
	top: 43px;
	right: 0;
	display: block; 
	height: 19px;
	z-index: 5;
}

a#signIn {
	height: 21px;
	width: 66px;
	background: transparent url(../images/login_btn.gif) no-repeat 0 0;
}

a#signIn:hover {
	background: transparent url(../images/login_btn.gif) no-repeat -68px 0;
}

a#signOut {
	width: 76px;
	background: transparent url(../images/logout_btn.gif) no-repeat 0 0;
}

a#signOut:hover {
	background: transparent url(../images/logout_btn.gif) no-repeat 0 -19px;
}

.topLight {
	position: absolute;
	right: -18px;
	width: 102px;
	height: 92px;
	z-index: 1;
	background: transparent url(/gfx/top_light.png) no-repeat right -3px;
}

/* static pages top menu */
#topMenu {
	text-align: right;
	padding-top: 40px;
	font:100%/1.5em "Trebuchet MS",Verdana,Helvetica,sans-serif;
}

#topMenu ul {
    display:block;
}

#topMenu li{
    display:inline;
	list-style-type:none;
	padding:3px 7px 3px 7px;
	margin:0 4px;
}

#topMenu  li a:link, #topMenu li a:visited {
	color:#ccc;
	text-decoration:none;
}

#topMenu li a:hover {
	color:#fff;
}

#topMenu li a:active, #topMenu li a.current{
	color:#dd202a;
}


/* main page news */
.news {
	margin: 0 0 20px 20px;
	line-height: 1.4em;
}

.news h1 {
	color: #fff;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 5px;	
	line-height: 1.5em;
}

.news h2 {
	color: #ddd;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 5px;	
	line-height: 1.1em;
}

.news h1 a {
	color: #fff;
	text-decoration: none;
}

.news h1 a:hover {
	text-decoration: underline;
}

.firstNews h1 {
	font-size: 1.5em;
	line-height: 1.3em;
	margin-bottom:0.6em;
}

.news img {
	margin: 5px 0 15px;
}

.news .date {
	color: #474747;
	font-size: .83em;
	line-height: 1em;
	padding-bottom: .5em;
}

.news em {
     color:#d0d0d0;
}
      
.news a {
	color: #e01f29;
}

.ourPartners {
	background: transparent url(../images/our_partners.gif) no-repeat center;
	height: 60px;
}

#partnersLogos a {
	text-decoration: none;
}

#partnersLogos a img{
	margin:10px 0 10px 0;
	text-align:center;
}

#page_features img,
#page_partners img.frame {
	border:1px solid #ddd;
	padding:6px;
}

/* login form */
#loginHeader {
	height: 289px;
	background: #000 url(/gfx/login_bg.jpg) no-repeat center;
}

img#loginTitle {
	position: absolute;
	right: 62px;
	top: 28px;	
}

#loginError {
	position: absolute;
	right: 32px;
	top: 23px;
	color: #ff4949;
	width: 190px;
	font-size: .95em;
}

#loginHeader a {
	color: #AE8221;	
}

#loginHeader #registerLink {
	position: absolute;
	left: 10px;
	bottom: 30px;	
}

#loginHeader input#login, #loginHeader input#loginpass {
	border: none;
	background-color: transparent;
	position: absolute;
	right: 63px;
	width: 151px;
}

#loginHeader input#login {
	top: 83px;
}

#loginHeader input#loginpass {
	top: 136px;
}

#loginHeader #remember {
	font-size: .9em;
	color: #fff;
	position: absolute;
	top: 164px;
	right: 122px;
}

a#loginClose {
	display: block;
	position: absolute;
	top: 10px;
	right: 0;
	width: 17px;
	height: 17px;
	background: transparent url(/gfx/btn_login_close.gif) no-repeat 0 0;
}

a#loginClose:hover {
	background: transparent url(/gfx/btn_login_close.gif) no-repeat -17px 0;
}

#forgot {
	font-size: .9em;
	display: block;
	position: absolute;
	top: 240px;
	right: 95px;
}

#signInBtn {
	position: absolute;
	top: 200px;
	right: 120px;
	border: none;
	width: 100px;
	height: 29px;
	background: transparent url(/gfx/btn_sign_in.gif) no-repeat 0 0;
	cursor: pointer;
}

#signInBtn:hover {
	background: transparent url(/gfx/btn_sign_in.gif) no-repeat -100px 0;
}

#page_faq ul {
	margin-bottom: 40px;
	margin-left: 15px;
}

#page_faq dd.back {
	margin:0 0 20px 40px;
}
#page_faq dd {
	margin:0 0 0 20px;
	text-indent:-19px;
}

/* join */

table.passwordStrengthMeter {
	height:4px; 
	width:276px;
	background-color: #E9E7DF;
	font-size: 4px;
}

table.passwordStrengthMeter td {
	border-right:2px solid #ffffff; 
	text-align:center;
	width: 46px;
	font-weight: bold;
}

table.passwordStrengthMeter td.unacceptable {
	background-color: #CC0000;
}

table.passwordStrengthMeter td.veryWeak {
	background-color: #EA5421;
}

table.passwordStrengthMeter td.weak {
	background-color: #E98600;
}

table.passwordStrengthMeter td.medium {
	background-color: #F3C235;
}

table.passwordStrengthMeter td.good {
	background-color: #9CD14B;
}

table.passwordStrengthMeter td.excellent {
	background-color: #4D9E05;
}

div.passwordStrengthBar {
	padding: 0px 4px 0px 236px; 
	margin-top: 3px; 
	height: 4px;
	line-height:5px
}

label.passwordStrengthLabel {
	margin-top: 0px; 
	padding-top: 0px; 
	color:#A3A3A3; 
	font-size:0.9em;
	line-height:1em
}

div.passwordStrengthInfo {
	margin-top: 0px; 
	height: 22px; 
	padding-top: 0px; 
	font-size:0.9em;
	line-height:1em;
}

div.passwordStrengthInfo .bold {
	font-weight: bold;
}

#passwordTip {
	color:#A3A3A3; 
}

/* mini submit button */
.btnSubmitMini, .btnDeleteMini {
	display: inline-block;
	border: none;
	width: 32px;
	height: 27px;
	cursor: pointer;
	text-indent: -9999px;
	background: transparent url(/gfx/btn_submit_mini.png) no-repeat 0 0;	
}

.btnDeleteMini {
	background-image: url(/gfx/btn_delete_mini.png);	
}

.btnSubmitMini:hover, .btnDeleteMini:hover {
	background-position: -31px 0;
}

.btnDeleteMicro {
	display: inline-block;
	border: none;
	width: 11px;
	height: 13px;
	cursor: pointer;
	text-indent: -9999px;
	background: transparent url(/gfx/btn_delete_micro.gif) no-repeat 0 0;	
}

/*.btnDeleteMini2 {
	background-image: url(/gfx/btn_delete_mini.gif);
}*/

.btnSubmitMicro:hover, .btnDeleteMicro:hover {
	background-position: -11px 0;
}

/* large buttons */
.btnApply, .btnNext, .btnShowDetails, .btnDownload, .btnFinish, .btnSave, .btnProceed, .btnViewAll, .btnSearch, .btnShowAll,
.btnReset, .btnChange, .btnAdd, .btnSignIn, .btnCarryover, .btnBack, .btnGetCode {
	display: inline-block;
	border: none;
	width: 124px;
	height: 38px;
	cursor: pointer;
	text-indent: -9999px;
	background: transparent url(/gfx/btn_apply.png) no-repeat 0 0;	
}

.btnApply:hover, .btnNext:hover, .btnShowDetails:hover, .btnDownload:hover, .btnFinish:hover, .btnSave:hover, 
.btnProceed:hover, .btnViewAll:hover, .btnSearch:hover, .btnShowAll:hover, .btnReset:hover, .btnChange:hover, 
.btnAdd:hover, .btnSignIn:hover, .btnCarryover:hover, .btnBack:hover, .btnGetCode:hover {
	background-position: -124px 0;	
}

.btnNext		{ background-image: url(/gfx/btn_next.png); }
.btnShowDetails	{ background-image: url(/gfx/btn_show_details.png); }
.btnDownload	{ background-image: url(/gfx/btn_download.png); }
.btnFinish		{ background-image: url(/gfx/btn_finish.png); }
.btnSave		{ background-image: url(/gfx/btn_save.png); }
.btnProceed		{ background-image: url(/gfx/btn_proceed.png); }
.btnViewAll		{ background-image: url(/gfx/btn_view_all.png); }
.btnSearch		{ background-image: url(/gfx/btn_search.png); }
.btnShowAll		{ background-image: url(/gfx/btn_show_all.png); }
.btnReset		{ background-image: url(/gfx/btn_reset.png); }
.btnAdd			{ background-image: url(/gfx/btn_add.png); }
.btnChange		{ background-image: url(/gfx/btn_change.png); }
.btnSignIn		{ background-image: url(/gfx/btn_sign_in.png); }
.btnCarryover	{ background-image: url(/gfx/btn_carry_over.png); }
.btnBack		{ background-image: url(/gfx/btn_back.png); }
.btnGetCode		{ background-image: url(/gfx/btn_get_code.png); }

/* small buttons */
.btnApplySmall, .listColumnSetupWindow .btnApply, .btnCancelSmall, .listColumnSetupWindow .btnCancel, .btnReadSmall, 
.btnSearchSmall, .btnChangeSmall, .btnNextSmall, .btnAddSmall, .btnYesSmall, .btnNoSmall, .btnDeleteSmall, #_deleteSearch,
.btnExport, .btnGenerateSmall {
	display: inline-block;
	border: none;
	width: 96px;
	height: 32px;
	cursor: pointer;
	text-indent: -9999px;
	background: transparent url(/gfx/btn_apply_small.png) no-repeat 0 0;	
}

.btnApplySmall:hover, .listColumnSetupWindow .btnApply:hover, .btnCancelSmall:hover, .listColumnSetupWindow .btnCancel:hover, 
.btnReadSmall:hover, .btnSearchSmall:hover, .btnChangeSmall:hover, .btnNextSmall:hover, .btnAddSmall:hover, .btnYesSmall:hover,
.btnNoSmall:hover, .btnDeleteSmall:hover, #_deleteSearch:hover, .btnExport:hover, .btnGenerateSmall:hover {
	background-position: -96px 0;	
}

.btnCancelSmall, .listColumnSetupWindow .btnCancel { background-image: url(/gfx/btn_cancel_small.png); }
.btnReadSmall	{ background-image: url(/gfx/btn_read_small.png); }
.btnSearchSmall { background-image: url(/gfx/btn_search_small.png); }
.btnChangeSmall { background-image: url(/gfx/btn_change_small.png); }
.btnNextSmall	{ background-image: url(/gfx/btn_next_small.png); }
.btnAddSmall	{ background-image: url(/gfx/btn_add_small.png); }
.btnYesSmall	{ background-image: url(/gfx/btn_yes_small.png); }
.btnNoSmall		{ background-image: url(/gfx/btn_no_small.png); }
.btnDeleteSmall, #_deleteSearch	{ background-image: url(/gfx/btn_delete_small.png); }
.btnExport		{ background-image: url(/gfx/btn_export_small.png); }
.btnGenerateSmall { background-image: url(/gfx/btn_generate_small.png); }
	
.btt {
	margin: 0 10px;	
}

#_deleteSearch {
	margin-top: 5px;
}

/* blog */
#blogContent {
	width: 678px;
	float: left;	
}

#blogMenuBox {
	width: 212px;
	float: right;
	/*margin-top: -25px;*/
	padding-left: 30px;
}

#blogMenuBox p {
	margin-bottom: .6em;
}

.blogItem {
	margin-bottom: 3em;
}

.blogBox {
	background-color: #f0f0f0;
	padding: 10px;
}

h1.blogMain {
	font-size: 1.95em;
	line-height: 1.3em;
}

.blogItem p {
	color: #6d6d6d;
}

.blogItem p.date {
	line-height: 1em;
	margin-top: .3em;
	color: #474747;
	font-size: .85em;
}

.blogItem img {
	margin: 0 0 15px;
}

.blogItem img {
	border: 10px solid #f0f0f0;
}

.blogBox img {
	border: none;
}

.bdbt {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px; 
}

#blogSearch {
	width: 242px; 
	height: 105px;
	position: relative;
	background: transparent url(/gfx/blog_search_bg.gif) no-repeat;	
}

#blogSearch input#search {
	background-color: transparent;
	position: absolute;
	top: 26px;
	left: 26px;
	border: none;
	width: 185px;	
}

#blogSearch input#search_btn {
	position: absolute;
	top: 60px;
	left: 19px;
}

#blogMenu {
	margin: 22px 20px 0 0;	
}

/* others */
.topMargin {
	margin-top: 50px; 
}

.hr {
	border-bottom: 1px solid #ddd;
	margin: 1em 0;
}