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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	font-family: Arial, Geneva, sans-serif
}
/* remember to define focus styles! */


:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #cccccc url('images/bg.jpg') top left;
	height: 100%
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

small	{ font-size: 80% ; color: #333333 }

a:link,a:visited,a:active	{ color: #333333 }
a:hover	{ background: white ; text-decoration: none}

p,li		{ line-height: 150% ; font-size: 12px }

.stripe { background: url("images/stripe.png") }

#master	{ margin: 0 auto ; padding: 0 ; width: 925px ; text-align: left }
#wrapper { width: 925px ; float: left ; padding: 0px 15px }

.hor	 { width: 100% ; float: left }
.ver_left	{ float: left ; width: 300px }
.ver_right	{ float: right ; width: 595px }

.top_menu	{ width: 595px ; border-left: solid 5px black  }
.top_menu_wide	{ width: 595px ; border-left: solid 5px black ; margin-left: 300px  }
.top_menu td, .top_menu_wide td	{ padding: 15px 0px 8px 8px }

.text_input	{ background: url("images/input_field.png") no-repeat  ; border: 0 ; height: 17px ; padding: 4px 6px 3px 6px ; font: bold 11px arial ; color: #777777 ; margin: 4px 0px }

.small		{ color: #777777 ; font-size: 70% }

.services_table		{ width: 100% ; margin: 0px 0px 0px 3px }
.services_table	td	{ border-left: solid 5px black ; padding: 0px 30px 0px 22px ; vertical-align: top }
td.serv_middle		{ padding-top: 40px }

.page_content		{ padding-top: 100px }

a.img, a:hover.img   { background: none !important ; border: 0px !important}

input[type=button],
input[type=submit]	{ font: bold 17px arial ; letter-spacing: -0.05em ; padding: 7px 10px }

input[type=file]	{ background: #bbbbbb }

input.focused { font: normal 12px arial ; color: #222222 ; width: 210px ; height: 20px ; background: #bbbbbb }
input.unfocused { font: italic 12px georgia ; color: #999999 ; width: 210px ; height: 20px ; background: #bbbbbb }


.annihilate_default_button_style { font-weight: normal !important ; font-size: 12px !important  ; padding: 2px 5px !important ; letter-spacing: 0em !important }

/*  Control Panel styles    */


.cp_block				{ margin-bottom: 80px }

.logged_in_name			{ font-size: 0.6em ; letter-spacing: 0.04em ; line-height: 12px ; color: black ; text-transform: uppercase ; font-weight: 800 ; margin-bottom: 5px}

a.cp_menu_link			{ letter-spacing: 0.04em ; line-height: 12px ; color: #777777 ; text-transform: uppercase ; font: bold 0.6em "Arial Narrow", arial, sans; text-decoration: none ; border-bottom: solid 1px #999 }
a.cp_menu_link:hover	{ color: #333333 }

.cp_dash_count_light	{ color: white ; font: bold 0.7em "arial"; background: url('images/cp_sq_green.png') no-repeat 50% 50% ; text-align: center ; text-decoration:none }
.cp_dash_count_dark		{ color: #333333 ; font: bold 0.7em "arial"; background: url('images/cp_sq_yellow.png') no-repeat 50% 50% ; text-align: center }
.cp_dash_count_grey		{ color: #ffffff ; font: bold 0.7em "arial"; background: url('images/cp_sq_grey.png') no-repeat 50% 50% ; text-align: center }

.cp_dash_count_grey a, .cp_dash_count_dark a, .cp_dash_count_light a
						{ text-decoration: none ; color: #ffffff }

.cp_dash_count_grey a:hover, .cp_dash_count_dark a:hover, .cp_dash_count_light a:hover
						{ text-decoration: none ; color: #edce00 ; background: none }

.cp_smaller				{ font-size: 70% }
a.cp_smaller			{ text-decoration: none }
.cp_larger				{ font-size: 190% }

.cp_black_title			{ height: 18px ; margin: 0px 0px 2px 0px ; vertical-align: text-top}




/*  CLIENT Control Panel styles    */


.cp_client_vert_left	{ float: left ; width: 545px ; margin-right: 0px }
.cp_client_vert_right	{ float: right ; width: 350px ; margin-right: 0px }


.cp_order_small			{ font: bold 1.2em arial ; letter-spacing: -0.05em; line-height: 105% ; text-decoration: none ; color: #000000}
.cp_order_large			{ font: bold 1.6em arial ; letter-spacing: -0.05em; line-height: 105% ; text-decoration: none ; color: #000000}
a.cp_order_small:hover	{ background: #bcbcbc ; color: #333333}



.cp_status_small		{ font: 11px arial ; color: #555555 ; letter-spacing: 0.03em }
.cp_status_small_date	{ color: #666666 ; font-size: 50% }

.cp_order_table			{ margin: 20px 0px 0px 0px }

.cp_manager_table		{ width: 350px ; background: #bcbcbc }

.manager_name			{ padding: 20px ; height: 30px ; font: bold 14px arial, Geneva, sans-serif ; color: #444444 ; text-transform: uppercase}
.data_name				{ font: bold 9px arial ; color: #777777 ; text-align: right ; padding: 11px 20px 0px 0px ; width: 100px ; text-transform: uppercase }
.data_value				{ font: bold 12px arial ; color: #555555 ; padding: 9px 5px 0px 0px  }



.cp_contact_table		{ width: 350px ; background: #bcbcbc ; margin: 5px 0px }
.cp_contact_title		{ font: bold 9px arial ; color: #444444 ; text-align: right ; padding: 13px 20px 0px 0px ; width: 100px ; text-transform: uppercase ; }
.cp_contact_name		{ font: bold 13px arial ; color: #222222 ; padding: 9px 5px 0px 0px  }

a.cp_larger_link			{ font: bold 1em arial ; letter-spacing: -0.05em}

table.status			{ background: #bcbcbc ; width: 550px }
td.status				{ font: bold 1.2em arial ; letter-spacing: -0.05em; line-height: 105% ; text-decoration: none ; color: yellow ; padding: 10px }
td.oldstatus			{ font: bold 0.9em arial ; letter-spacing: -0.05em; line-height: 105% ; text-decoration: none ; color: #777777 ; padding: 10px ; border-bottom: solid 1px #aaaaaa ; vertical-align: top}

a.file_name				{ font: bold 0.8em tahoma ; color: #886b60 ; letter-spacing: -0.01em; text-decoration: none}
img.file_type			{ margin: 0px 4px 0px 5px  }
td.file					{ padding: 0px 0px 6px 5px }

.cp_client_in_context	{ font: bold 0.8em arial ; text-decoration: none }
.cp_company				{ background: #9dc56d }
.cp_individual			{ background: #58c79b }
span.cp_company:hover, span.cp_individual:hover		{ background: none }

.cp_request_in_context	{ font: bold 0.8em arial ; background: #90e0ff ; text-decoration: none }
.cp_manager_in_context	{ font: bold 0.7em arial ; background: #ff9095 ; text-decoration: none }
.arrow_back				{ margin: 1px 3px ; vertical-align: text-bottom }
hr						{ color: #aaaaaa }



td.header img			{ vertical-align: middle }
td.row					{ font: bold 1em arial ; text-transform: uppercase ; letter-spacing: -0.02em ; color: #333333 ; padding: 8px 0px ; }
td.row a				{ text-decoration: none }
img.sort				{ vertical-align:text-top ; margin: 0px 0px 0px 3px }

.pagin { height: 30px }
.pagin b, .pagin a { display: block ; width: 20px ; height: 20px ; border: solid 1px #bbb ; font: bold 16px Arial,Helvetica,sans-serif ; float: left ; text-align: center ; line-height: 20px ; vertical-align: middle ; margin-right: 4px }
.pagin a { border: solid 1px #ccc ; text-decoration: none ; color: #222 }
.pagin b { color: #777 }

.inner ul, .rules ul			{ width: 500px ; margin-bottom: 30px  }
.inner li, .rules li			{ list-style: url('images/icon_bullit.gif') ; line-height: 150% !important ; margin: 25px 0px 0px 0px ; font: 12px arial ; }
.inner li.lt, .rules li.lt{ list-style: none; font: bold 12px arial ; color: #333333 !important ; letter-spacing: 0.02em ; margin: 50px 0px 0px 0px ; padding-bottom: 20px ; border-bottom: solid 1px #b5b5b5 ; line-height: 150% }
.inner p { font: 12px arial ; width: 500px ; line-height: 170% ; margin-bottom: 20px }

.inner h1 { font: bold 18px arial ; color: #222 }
.inner h2 { margin-bottom: 10px ; font: bold 16px arial ; color: #666 }
h3 { margin: 8px 0 ; font: bold 12px arial ; color: #444}

.text_input_normal  { background: #bbbbbb ; border: solid 1px #888888 ; height: 17px ; padding: 4px 6px 3px 6px ; font: bold 11px arial ; color: #555555 }
table.general input[type='text']	{ background: #dddddd ; border: solid 1px #888888 ; height: 17px ; padding: 4px 6px 3px 6px ; font: bold 11px arial ; color: #555555 ; margin: 10px 50px 10px 0px ; width: 230px }

table.form_table  {  border:solid 1px #999999 ; width: 100%  }
table.form_table td   { padding: 15px 20px 0px ; font-size: 80% }

table.form_table textarea { background: #bbbbbb ; border: solid 1px #888888 ; height: 80px ; width: 334px ; line-height: 130% ; padding: 4px 6px 3px 6px ; font: bold 11px arial ; color: #333333 ; margin-top: 6px }
table.form_table input[type='text'],
table.form_table input[type='password']
{ background: #bbbbbb ; border: solid 1px #888888 ; height: 17px ; width: 170px ; padding: 4px 6px 3px 6px ; font: bold 11px arial ; color: #333333 }
table.form_table select { background: #bbbbbb ; border: solid 1px #888888 ; font: bold 11px arial ; color: #333333  }
select.standalone { background: #cccccc ; font: bold 1em arial ; padding-top: 5px }
select.standalone option { background: #bbbbbb ; border: solid 1px #aaaaaa ; font: bold 1em arial ; color: #333333 ; height: 20px !important ; width: 120px ; padding: 3px 5px ; vertical-align: middle }

table.send_files_table { margin:10px 0px 0px 0px }
table.send_files_table  input[type='text'] { width: 160px ; height: 24px ; vertical-align: middle ; background: #eeeeee ; font: bold 0.8em arial ; margin: 10px 0px 15px 0px ; color: #333333 }


table.case_table  {  border:solid 1px #999999 ; width: 100%  }
table.case_table td   { padding: 15px 20px 0px ; font-size: 80% }
table.case_table textarea { background: #bbbbbb ; border: solid 1px #888888 ; height: 500px ; width: 660px ; padding: 10px ; font: 12px arial ; line-height: 180% ; color: #333333 ; margin-top: 6px }
table.case_table input[type='text']
{ background: #bbbbbb ; border: solid 1px #888888 ; height: 17px ; width: 450px ; padding: 4px 6px 3px 6px ; font: bold 11px arial ; color: #333333 }
table.case_table select { background: #bbbbbb ; border: solid 1px #888888 ; font: bold 11px arial ; color: #333333  }


.error	{ background: coral !important }
.success { background: #b4ff3e }
p.error	{ padding: 7px 0px }
p.login_error { padding: 5px ; background: #8e0202 ; color: white ; font: bold 12px Arial ; margin-right: 50px;}
.star	{ font-size: 180% ; color: #666 }

.secondary_table_unit	{ text-decoration: none ; font: bold 0.8em arial ; color: #444444 ; letter-spacing: -0.02em }

table.general tr		{ border-bottom: solid 1px #999999 }
table.general th		{ font: 10px "arial narrow", arial ; text-transform: uppercase ; letter-spacing: 0.05em ; color: #222222 ; padding: 10px 0px ; background: #b4b4b4 ; text-align: left }

p.inner_text			{ margin-left: 0px !important }

table.plan				{ width: 870px ; margin-left: 30px !important }
table.plan td			{ vertical-align: top; padding: 10px 10px 10px 10px ; border: solid 1px #aaaaaa  }
table.plan th			{ background: url(images/th_bg.png) repeat-x #999999 ; text-transform: uppercase ; font: 9px 'arial narrow', arial; color: #333333 ; padding: 3px 10px ; border: solid 1px #aaaaaa}
td.plan_desc			{ width: 510px ; text-align: left !important ; vertical-align: middle !important}
td.plan_desc	li		{ font: 0.7em arial ; color: #555555 ; margin: 0px 10px 10px 30px ; line-height: 150% ; text-align: left ; padding-left: 5px }
td.plan_desc	ul		{ list-style: disc }
div.plan_descr			{ display: none ; padding: 15px 15px 100px 20px  }
td.plan_name			{ font: bold 1.3em arial ; color: black ; letter-spacing: -0.05em ; text-align: center ; width: 120px ; height: 130px ; vertical-align: middle !important  }
td.plan_price			{ font: bold 0.95em arial ; color: #222222 ; text-align: center ; width: 120px  ; vertical-align: middle !important }
td.plan_time			{ font: bold 0.8em arial ; color: #222222 ; width: 120px ; text-align: left ; vertical-align: middle !important  }
span.plan_agreement		{ text-transform: uppercase ; font: 8px arial ; color: #333333 ; padding: 10px 0px }
table.inside			{ border: none ; width: 440px }
table.inside	td		{ border: none ; vertical-align: middle !important}



table.services_inner	td { padding: 0px 0px 10px 0px }

.expand_but				{ margin: 0px 0px 0px 60px ; cursor: pointer }

sup,.seventy			{ font-size: 70%}
.pointer				{ cursor: pointer }
.gray					{ color: #666666 }


span.input_text_large input		{ width: 345px ; height: 24px ; vertical-align: middle ; background: #eeeeee ; font: bold 0.8em arial ; margin: 10px 0px 15px 0px ; color: #333333 }
/* span.textarea_notes textarea		{ width: 345px ; height: 200px ; background: #eeeeee ; margin: 10px 0px 15px 0px ; font: bold 0.8em arial ; color: #484848 ;  }
*/
.admin_request	{ background: #979797; margin: 10px 10px 10px 0px ; width: 280px }
.admin_request td	{ font-size: 80% ; padding: 8px }
.admin_request a	{ line-height: 120% }


.orders_sm_form th	{ padding: 5px 0px ;  font: 10px "arial narrow", arial ; text-transform: uppercase ; letter-spacing: 0.05em ; color: #222222 ; background: #b4b4b4 ;}
.orders_sm_form input { height: 24px ; vertical-align: middle ; background: #eeeeee ; font: bold 0.8em arial ; margin: 10px 0px 15px 0px ; color: #333333  }
.title_create		{ font: bold 1.6em arial ; color: #333333 ; letter-spacing: -0.05em ; margin: 15px 0px}

.blacky			{ border-left: solid 5px black }
.in_blacky		{ padding: 0px 10px 5px 30px ; font: 80% arial ; line-height: 140% ; display: block }
.price_number	{ padding: 0px 0px 0px 25px ; font: 0.95em "Arial Black", Gadget, sans-serif ; letter-spacing: -0.05em ; color: #666666 ; line-height: 20px }
.price_plate	{ width: 61px ; height: 21px ; display: inline-block ; margin: 0px 0px 0px 35px }

.services_small_table td	{ border: solid 1px #aaaaaa ; padding: 5px 10px ; font-size: 65% ; text-transform: uppercase }
td.services_small_price		{ font: 0.95em "Arial Black", Gadget, sans-serif !important ; letter-spacing: -0.05em ; color: #666666 ; line-height: 20px }

.asterix	{ font: bold 2em Georgia, "Times New Roman", Times, serif ; color: #666666 ; line-height: 10px}
.club_m		{ margin: 0px 10px }

.case_category	span { color: #222222 ; line-height: 150% ; margin: 35px 0px 50px 15px ; display: block ; font: bold 1.5em 'arial narrow', arial ; letter-spacing: -0.02em ; text-transform: uppercase ;  }
.case_category 		{ margin: 0px 0px 0px 0px ; padding: 15px 25px 65px 0px }
.case_title 		{ margin: 25px 0px 0px 0px ; padding-left: 15px }
.case_title a		{ color: #777777 ; line-height: 150% ; font: bold 0.90em 'arial narrow', arial ; letter-spacing: -0.02em ; text-transform: uppercase ; text-decoration: none ; border-bottom: dashed 1px #bbbbbb }
.case_body			{ margin: 25px 0px 50px 0px ; display: none ; color: #111111 ; line-height: 170% !important ; font: 0.8em arial; }
.case_list a		{ color: #555555 ; line-height: 130% !important ; font: bold 0.8em 'arial' ; text-decoration: none ; border-bottom: dashed 1px #aaaaaa; letter-spacing: -0.05em }
.case_list td		{ padding: 10px 0px 10px 0px  }

.club_topic		{ margin: 10px 0px 10px 0px ; border-bottom: solid 1px #bbb ; padding: 10px 0 ; font: bold 1.6em arial,helvetica,sans-serif ; letter-spacing: -0.05em; line-height: 105% ; color: #999}
.club_topic a 	{  ; text-decoration: none }
.club_topic span { font: bold 10px arial,helvetica,sans-serif ; color: #999 ; letter-spacing: 0em ; margin-left: 7px ; vertical-align: middle }
a.club_topic_starter	{ color: #777777 }
a.club_topic_name		{  color: #222 }

.club h2 { display: block ; margin: 30px 0 30px 15px ; font: bold 40px Arial, Helvetica, sans-serif ; color: #999 ; letter-spacing: -0.05em}
.club h4 { display: block ; margin: 10px 0 20px ; font: bold 20px Arial, Helvetica, sans-serif ; color: #999 ; letter-spacing: -0.05em}

h4.clubmain { margin-bottom:10px ; border-bottom: solid 1px #bbb ; }

.club .rules p { width: 500px ; line-height: 18px ; color: #222 }

.imgdesc { font-size: 11px ; color: #555 }
.imgdesc input { background: #bbb }

.member_list { height: 100px ; position: relative ; border-bottom: solid 1px #bbb ; margin: 10px 0 }
.member_list div { height: 100px ; vertical-align: middle ; display: table-cell}
.member_list .cont { width: 100px ; text-align: center ; }
.member_list img { max-height: 70px ; max-width: 70px ; margin: auto ; display: block }

table.club_menu	td { vertical-align: middle ; padding: 10px 30px 0px 0px }

.club_form { font-size: 80% }
.club_form td { vertical-align: top ; font: bold 17px Arial,helvetica,sans-serif ; color: #666 ; padding: 10px }
.club_form input[type=text] { background: #bbbbbb ; font: bold 1.2em arial ; width: 400px ; height: 30px ; letter-spacing: -0.05em }
.club_form textarea { background: #bbbbbb ; font: 13px arial ; width: 390px ; height: 200px ; letter-spacing: -0.01em ; padding: 5px ; margin: 0px 0px 0px }

.moder { margin: 15px 15px 15px 0 ; background: #ebff9c ; padding: 10px ; height: 40px }
.moder form { float: left  }
.moder a { display: block ; float: left ; margin: 10px }

table.club_login { border: solid 1px #999999 }
table.club_login td { padding: 10px 10px 5px 10px}
table.club_table { border: solid 1px #999999 ; width: 585px }
table.club_table td { padding: 10px }

.club .at { 
    border-bottom: 2px solid #999999;
    color: #555555;
    display: block;
    font: bold 18px Arial,Helvetica,sans-serif !important;
    height: 27px;
    letter-spacing: -0.03em;
    padding: 3px 0 0;
    text-decoration: none;
    width: 200px;
 }

#clubhomelink { display: block ; height: 130px ; width: 582px ; background: none }
#clubhomelink:hover { background: none }

.club .ver_right { margin-right: 15px ; width: 650px }
.club .ver_left { width: 250px }

#amongmembers { 
    color: #CCCCCC;
    display: block;
    float: left;
    font: bold 11px/11px Arial,helvetica,sans-serif;
    margin: 15px 0 0 10px;
    text-align: left;
    width: 70px;
 }

.member_top { margin: 30px 15px 15px 0 ; position: relative ; height: 100px }
.member_top img { display: block ; float: right }
.member_name_top { font: bold 33px Arial, Helvetica, sans-serif ; color: white !important ; letter-spacing: -0.05em ; margin-right: 10px }

.commenter	{ font: bold 1.3em arial ; color: #555555 ; letter-spacing: -0.05em}
.comment	{ font: 0.8em arial ; color: #333333 ; padding: 5px 0px 0px 8px ; vertical-align: top }

div.member	{ float: left; width: 170px ; height: 170px ; text-align: center ; padding: 15px ; border: solid 1px #bbbbbb ; margin: 0px 30px 40px 0px ; overflow: hidden }
div.member_plus { width: 170px ; height: 200px ; text-align: center ; padding: 15px ; border: solid 1px #bbbbbb ; margin: 0px 30px 40px 0px ; overflow: hidden }

a.member_name	{ font: bold 1.3em arial ; color: white !important }
a.member_name:hover	{ background: none ; color: #e5e5e5 !important }
div.nomargin  { margin-right: 0px }

td.shortInput30 input	{ width: 30px !important }
td.shortInput60 input	{ width: 60px !important }


.imgLink, .imgLink:hover { text-decoration: none  !important ; border: 0px  !important ; background: none  !important }


/* darepentor */

/* center the nav / submit buttons */
#darepentor { text-align: center; width: 90%; }
#darepentorPrev, #darepentorNext, #darepentorSubmit { margin: 5px auto; }

/* style the comment record divs */
.darepentorComment { width: 100%; border-bottom: solid 1px #aaaaaa; text-decoration: none ; color: #777777 ; background: #bcbcbc ; vertical-align: top; text-align: left; padding: 10px; overflow: auto; }

/* style the comment form */
#darepentorCommenter { width: 100%; padding: 10px; text-align: center; }
#darepentorCommenter textarea { width: 100%; height: 150px; margin: 15px 0px }

/* there's possibly a problem with transliterating names, like Юрий -> YUriy, so just uppercase everything! */
span.name {  text-transform: uppercase; font-size: smaller; }


input.datepicky { width: 70px !important; margin: 0px !important }

