/** RESET **********************************/
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;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*************************************************/
/** 10uous Styles ********************************/
body {
  background-color: #77B2BA;
  color: #182022;
  font-family: Georgia;
  min-width: 900px;
}
a, 
a:active, 
a:visited, 
a:link {
  border-bottom: 1px dotted #BA441E;
  color: #BA441E;
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  border-bottom: 1px solid #BA441E;
  color: #BA441E;
  text-decoration: none;
}

/** header - Header ***************************/
#header {
  font-size: 10pt;
  height: 130px;
  margin: 10px 20px 20px 20px;
  padding: 0 0 0 0;
}
#header a,
#header a:active,
#header a:visited,
#header a:link {
  border: 0;
}

#header form {
  
}
#header form p {
  float: left;
  padding: 5px;
}
#header form label {
  font-family: Helvetica, Arial, Verdana;
  font-weight: bold;
}
#header input {
  background-color: #E9FAFF;
  font-family: Helvetica, Arial, Verdana;
	font-size: 0.8em;
	padding: 4px;
	border: 0;
}
#header input.blur {
	color: #999;
}

/** main - Main ***************************/
#main {
  margin: 20px;
}

/** Tabs ***************************/
#tab_bar {
  
}
#tab_bar ul {
  margin: 0 0 0 20px;
}
#tab_bar ul li {
  background-color: #E9FAFF;
  display: block;
  float: left;
  font-variant: small-caps;
  height: 25px;
  margin: 0 7px 0 0;
  padding: 7px 20px 0 20px;
}
#tab_bar ul li a,
#tab_bar ul li a:link,
#tab_bar ul li a:active,
#tab_bar ul li a:visited {
  background-color: #6a9fa6;
  border: 0;
  color: #182022;
  display: block;
  height: 25px;
  margin: -7px -20px 0 -20px;
  padding: 7px 20px 0 20px;
}

#tab_bar ul li a:hover {
  background-color: #a5dce5;
}

/** Two Column Layout ***************************/
#content_l {
  background-color: #E9FAFF;
  float: left;
  margin: 0 0 20px 10px;
  padding: 10px;
  width: 50%;
}
#content_r {
  float: right;
  padding: 20px;
  width: 40%;
}

/** Content & Sidebar ***************************/
#content,
.content {
  background-color: #E9FAFF;
  margin: 0 300px 20px 10px;
}

#sidebar_r {
  float: right;
  margin: 0 0 20px 0;
  width: 280px;
}

#sidebar_r .head { 
  display: block;
  float: left;
  font-variant: small-caps;
  height: 25px;
  margin: 0 0 0 20px;
  padding: 7px 20px 0 20px;
}
#sidebar_r .block .head {
  margin: 10px 0 0 10px;
}
#sidebar_r .block {
  clear: left;
  margin: 0 0 0 0;
  padding: 10px 10px 0 10px;
}

#sidebar_r .layer1 {
  background-color: #e9faff;
}
#sidebar_r .layer2 {
  background-color: #bee6ee;
}
#sidebar_r .layer3 {
  background-color: #a5dce5;
}
#sidebar_r .layer4 {
  background-color: #a5dce5;
}

#sidebar_r h2 {
  margin: 10px 0 10px 60px;
}
#sidebar_r .related {
  text-align: right;
  font-family: Helvetica, Arial, Verdana;
  font-size: 10pt;
  padding: 0 0 5px 10px;
}
#sidebar_r p {
}
#sidebar_r ul.profile {
  font-family: Helvetica, Arial, Verdana;
  font-size: 10pt;
  margin: 15px 0 20px 34px;
}
#sidebar_r ul.profile li {
  padding: 2px 0;
}
#sidebar_r ul li img {
  vertical-align: bottom;
}

/** Text *******************************************/
.text {
  padding: 30px;
}

.profile {
  
}
.profile .avatar {
  padding: 0 10px 10px 0;
}


/** List *******************************************/
.list {
  font-size: 12pt;
  overflow: hidden;
  
  padding: 10px;
}

.list h2 {
}

.list .user {
  font-size: 10pt;
  font-weight: normal;
  margin: 0;
  padding: 0;
  
}
.list .related {
  float: right;
  font-family: Helvetica, Arial, Verdana;
  font-size: 10pt;
  font-weight: normal;
}

/** Lists ****************************************/
/** top_ten -------------------------------------*/
ul.top_ten {
  padding: 10px 0 10px 0;
}
ul.top_ten li {
  background-color: #182022;
  color: #E9FAFF;
  font-family: Helvetica, Arial, Verdana;
  font-size: 10pt;
  margin: 0 0 4px 0;
  padding: 0 15px 10px 0;
}
ul.top_ten li.ui-sortable-helper {
  width:100%;
}

ul.top_ten li .rank {
  float: left;
  height: 35px;
  margin: 0 10px 0 0;
  width: 40px;
}
ul.top_ten .one   { background: #182022 url(../../media/images/list_rank_sprites.png) 0px 0px no-repeat; }
ul.top_ten .two   { background: #182022 url(../../media/images/list_rank_sprites.png) -40px 0px no-repeat; }
ul.top_ten .three { background: #182022 url(../../media/images/list_rank_sprites.png) -80px 0px no-repeat; }
ul.top_ten .four  { background: #182022 url(../../media/images/list_rank_sprites.png) -120px 0px no-repeat; }
ul.top_ten .five  { background: #182022 url(../../media/images/list_rank_sprites.png) -160px 0px no-repeat; }
ul.top_ten .six   { background: #182022 url(../../media/images/list_rank_sprites.png) 0px -35px no-repeat; }
ul.top_ten .seven { background: #182022 url(../../media/images/list_rank_sprites.png) -40px -35px no-repeat; }
ul.top_ten .eight { background: #182022 url(../../media/images/list_rank_sprites.png) -80px -35px no-repeat; }
ul.top_ten .nine  { background: #182022 url(../../media/images/list_rank_sprites.png) -120px -35px no-repeat; }
ul.top_ten .ten   { background: #182022 url(../../media/images/list_rank_sprites.png) -160px -35px no-repeat; }
ul.top_ten li h4 {
  font-size: 14pt;
  font-weight: bold;
  margin: 0 0 0 0;
  overflow: hidden;
  padding: 10px 0 0 0;
}
ul.top_ten li h4 span.empty {
  color: #629399;
  font-weight: normal;
  font-style: italic;
  font-family: Georgia;
}
ul.top_ten li h4 a,
ul.top_ten li h4 a:active,
ul.top_ten li h4 a:visited,
ul.top_ten li h4 a:link {
  border: 0;
}

ul.top_ten li .topic {
  color: #BA441E;
  font-family: Georgia;
  font-size: 10pt;
  font-weight: normal;
  margin: 0 0 0 50px;
}
ul.top_ten li .related {
  float: right;
  line-height: 1.5;
  padding: 5px 0 0 10px;
  text-align: right;
}

ul.top_ten li a,
ul.top_ten li a:active,
ul.top_ten li a:visited,
ul.top_ten li a:link {
  border-bottom: 1px dotted #E9FAFF;
  color: #E9FAFF;
  
}
ul.top_ten li a:hover {
  border-bottom: 1px solid #E9FAFF;
}

/** Lists ------------------------------------------------*/
ul.lists {
  border-bottom: 1px dotted #77B2BA;
  margin: 0 0 5px 0;
  padding: 0;
}

ul.lists li {
  border-top: 1px dotted #77B2BA;
  font-size: 10pt;
  overflow: hidden;  
  margin: 0;
  padding: 10px 20px 5px 20px; 
}
ul.lists li:hover {
  background-color: #E5F6Fb;
}
ul.lists li .icon {
  float: left;
  height: 35px;
  margin: 5px 5px 0 0;
  width: 25px;
}
ul.lists li h4 {
  color: #182022;
  font-size: 16pt;
  font-weight: ;
  padding: 0px 0 0 10px;
}
ul.lists li h4 a,
ul.lists li h4 a:link,
ul.lists li h4 a:visited,
ul.lists li h4 a:active {
  border: 0;
}
ul.lists li .related {
  font-family: Helvetica, Arial, Verdana;
  float: right;
  padding: 0 0 10px 10px;
}
ul.lists li .related a,
ul.lists li .related a:link,
ul.lists li .related a:active,
ul.lists li .related a:visited {
  border-bottom: 1px dotted #182022;
  color: #182022;
}
ul.lists li .related a:hover {
  border-bottom: 1px solid #182022;
}

/** Lists: Sidebar ------------------------------------------------*/
ul.lists_sidebar {
  padding: 10px 0 10px 0;
}
ul.lists_sidebar li {
  clear: both;
  font-size: 10pt;
  margin: 0px 0 0 0;
  overflow: hidden;
  padding: 0 10px 5px 0;
}
ul.lists_sidebar li .icon {
  float: left;
  height: 25px;
  margin: 0 5px 0 0;
  vertical-align: bottom;
  width: 25px;
}
ul.lists_sidebar li h4 {
  color: #182022;
  font-size: 12pt;
  font-weight: ;
  padding: 0px 0 0 10px;
  vertical-align: bottom;
}
ul.lists_sidebar li h4 a,
ul.lists_sidebar li h4 a:link,
ul.lists_sidebar li h4 a:visited,
ul.lists_sidebar li h4 a:active {
  border: 0;
}
ul.lists_sidebar li .related {
  font-family: Helvetica, Arial, Verdana;
  float: right;
  padding: 5px 0 5px 10px;
}
ul.lists_sidebar li .related a,
ul.lists_sidebar li .related a:link,
ul.lists_sidebar li .related a:active,
ul.lists_sidebar li .related a:visited {
  border-bottom: 1px dotted #182022;
  color: #182022;
}
ul.lists_sidebar li .related a:hover {
  border-bottom: 1px solid #182022;
}

/** Friends ------------------------------------------------*/
ul.friends {
  padding: 10px 0 10px 0;
}
ul.friends li {
  float: left;
  font-size: 10pt;
  margin: 0px 0 0 0;
  padding: 0 10px 5px 0;
  width: 150px;
}


/** Comments **********************************************/
ul.comments {
}
ul.comments h3 {
  clear: left;
  padding: 10px 20px 0 20px;
}
ul.comments p {
  padding: 0 20px 0 20px;
}
ul.comments li {
  border-top: 1px dotted #77B2BA;
  font-size: 12pt;
  line-height: 1.25;
  overflow: hidden;
  padding: 5px 20px 10px 20px;
}
ul.comments li.odd {
  background-color: #fff;
}
ul.comments li img {
  float: left;
  margin: 0 10px 5px 0;
}
ul.comments li .header {
  background: transparent url(../../media/images/icons/comment.png) center left no-repeat;
  font-size: 10pt;
  padding: 5px 10px 10px 20px;
}
ul.comments li .related {
  font-family: Helvetica, Arial, Verdana;
  font-size: 10pt;
  float: right;
  padding: 5px 0 0 10px;
}
ul.comments li.new {
  font-weight: bold;
}

.comment_form {
  background: #6a9fa6;
  border-top: 3px solid #629399;
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
}
.comment_form h3 {
  font-size: 12pt;
  font-variant: small-caps;
}
.comment_form textarea {
  border: 3px solid #629399;
}

/** menu_b - Bottom Menu *******************************/
#menu_b {
  background-color: #52342A;
  clear: both;
  color: #fff;
  padding: 20px;
}

#menu_b ul {
  
}

#menu_b ul li {
  border-right: 1px solid #BA441E;
  float: left;
  font-size: 11pt;
  font-variant: small-caps;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

#menu_b ul ul {
  margin: 10px 0 0 0;
}

#menu_b ul ul li {
  border: 0;
  clear: both;
  font-variant: normal;
  font-size: 10pt;
  padding: 0 0 5px 0;
  width: 150px;
}

#menu_b a, #menu_b a:active, #menu_b a:visited, #menu_b a:link {
  border-bottom: 1px dotted #BA441E;
  color: #ff5e29;
  text-decoration: none;
}

#menu_b a:hover {
  border-bottom: 1px solid #BA441E;
  color: #ff5e29;
  text-decoration: none;
}


/** Footer ****************************************/
#footer {
  clear: both;
  font-size: 10pt;
  margin: 0 0 20px 0;
  text-align: center;
}

/** Auto Completer *********************************/
.ac_input {
}

.ac_results {
	padding: 4px;
	background-color: #ffff99;
  border: 10px solid #E9FAFF;
  border-width: 0 3px 3px 3px;
	margin: -3px 0 0 0;
	overflow: hidden;
	width: 350px;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font-family: Georgia;
  font-size: 12pt;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 20px;
	overflow: hidden;
}

.ac_loading {
	background: white url('../images/ajax-loader.gif') right center no-repeat;
}

.ac_odd {
  
}

.ac_over {
	background-color: #dd7;
}


/** Forms ******************************************/
form.f {
  padding: 20px 0 0 0;
  
}
form.f fieldset {
  
}
form.f p {
  clear: left;
}
label {
  font-family: Helvetica, Arial, Verdana;
  font-size: 12pt;
  font-weight: bold;
}
form.f p label {
  display: block;
  float: left;
  padding: 10px 20px 0 0;
  text-align: right;
  vertical-align: top;
  width: 40%;
}
input.text,
input.ac_input, 
textarea {
  background: #fff;
  border: 3px solid #77B2BA;
  color: #182022;
  font-family: Georgia;
  font-size: 12pt;
  margin: 4px;
  padding: 4px;
}
form.f p .error {
  background-color: #BA441E;
  color: #fff;
  float: left;
  font-family: Helvetica, Arial, Verdana;
  font-weight: bold;
  padding: 5px;
}

form.f p .button {
  border: 0;
}

a.button, 
a:active.button, 
a:visited.button, 
a:link.button {
  background-color: #182022;
  border: 0;
  color: #E9FAFF;
  font-size: 12pt;
  padding: 5px 15px 5px 15px;
  text-align: center;
}

a:hover.button {
  border: 0;
  color: #77B2BA;
}

button.link,
input.link {
  background: transparent;
  border: 0;
  border-bottom: 1px dotted #BA441E;
  color: #BA441E;
  display: inline;
  font-family: Georgia;
  font-size: 12pt;
  padding: 0;
}

button:hover.link,
input:hover.link {
  border-bottom: 1px solid #BA441E;
}

/** Impromptu ********************************************/
.jqiwarning .jqi {
  background-color: #77B2BA;
}
.jqifade {
  background-color: #000;
}
div.jqi {
  position: absolute;
  background-color: #52342A;
  padding: 10px;
  width: 300px;
}
div.jqi .jqiclose {
  float: right;
  margin: -25px -25px 0 0;
  color: transparent;
  cursor: pointer;
  background:  url(../images/close.png);
  height: 24px;
  width: 24px;
} 
div.jqi .jqicontainer {
  background-color: #ff9;
  padding: 5px;
  color: #333;
  font-weight: normal;
}
div.jqi .jqimessage {
  background-color: #ff9;
  padding: 10px;
}
div.jqi .jqibuttons {
  text-align: center;
  padding: 5px 0 0 0;
}
div.jqi button {
  border: 1px solid #333;
  padding: 3px 10px 3px 10px;
  margin: 0 10px;
}

/** Profile Image ********************************/
img.huge {
  height: 100px;
  width: 100px;
}
img.large {
  height: 64px;
  width: 64px;
}
img.medium {
  float: left;
  height: 48px;
  width: 48px;
}
img.small {
  height: 32px;
  width: 32px;
}
img.tiny {
  height: 24px;
  width: 24px;
}

#profile_image {
  float: left;
  position: relative;
  overflow: hidden;
  width: 100px;
  height: 100px;
}
#profile_image_form {
}
#uploaded_image {
  padding: 10px 0;
}
#uploaded_image img {
}
#profile_image_save {
  float: left;
  margin: 20px;
}
#profile_image_preview {
  position: relative;
  overflow: hidden;
  width: 100px;
  height: 100px;
}

/** Global Text *********************************/
h1 {
  color: #182022;
  font-family: Helvetica, Arial, Verdana;
  font-size: 24pt;
  font-weight: bold;
}

h2 {
  color: #BA441E;
  font-family: Georgia;
  font-size: 24pt;
  font-weight: normal;
  padding: 0 0 0 0;
}
h2 a,
h2 a:visited,
h2 a:active,
h2 a:link,
h2 a:hover {
  border: 0;
}

h3 {
  font-size: 14pt;
  padding: 6px 0 4px 0; 
}
h3:before {
	/*content: "\0020 \0020 \0020 \00BB \0020";*/
}


h4 {
  
}

h5 {
  
}

p {
  line-height: 1.25;
  padding: 5px 0 5px 0;
}

strong {
  font-weight: bold;
}

.related {
  font-family: Helvetica, Arial, Verdana;
  font-size: 10pt;
  float: right;
  padding: 10px 0 0 10px;
}

.center, .centre {
  margin: 0 auto;
  text-align: center;
}

.left { float: left; }
.right { float: right; }
.clear,
.clear_b { clear: both; }
.clear_l { clear: left; }
.clear_r { clear: right; }

.feature {
  background-color: #bee6ee;
  margin: 10px 0px;
  padding: 5px 10px;
}

.highlight {
  background-color: #ff9;
  display: inline;
}

a.amazon,
a:active.amazon,
a:visited.amazon,
a:link.amazon {
  font-size: 9pt;
}