body {background-color: #fb0; margin: 0; padding: 0; font: 12px Arial, Helvetica, 'MS Sans Serif', sans-serif; color: #000; text-align: center}
a {color: #000}
a.current {color: #fff; text-decoration: none}
img {border: none}
small {font-size: 11px;}
form {margin: 0; padding: 0}
h1 {font-size: 24px; margin: 0; padding: 25px 0 0 0; letter-spacing: -1px}
h2 {}
h3 {font-size: 16px; margin: 7px 0 0 -20px; padding: 3px 0 3px 17px; border-left: #fff 3px solid; color: #000; letter-spacing: -1px}
h4 {font-size: 16px; margin: 7px 0 0 0; padding: 0; color: #000; letter-spacing: 0px}
#logo {margin: 5px 30px}
ul#menu {margin: 25px 0 0 25px; padding: 0}
#menu li {padding: 0 0 0 15px; list-style-type: none; background: url(/img/arrow.gif) no-repeat 0 4px}
#menu a {font-weight: bold; text-decoration: none}
#menu a:hover {color: #fff}
#submenu {font-size: 11px; color: #fff}
#submenu ul {margin: 30px 0 0 25px; padding: 0;}
#submenu ul li {padding: 0 0 5px 0}
#submenu a:hover {color: #fff}
.success {padding: 5px 0 15px 1px; font-weight: bold}
.error {padding: 5px 0 15px 1px; font-weight: bold; color: red}
.yellow {color: #fb0;}
.full {width: 100%}
.path {padding: 0 0 15px 1px; font-size: 11px}
.path a {color: #fff}
.friends {visibility: hidden;}

.container {width: 998px; margin: 0 auto;}
.container-left {width: 308px; float: left; text-align: left;}
.container-right {width: 690px; float: left; text-align: left;}

.box {width: 790px; margin: 0 auto;}
.box td {text-align: left; font-size: 12px; vertical-align: top}
.form td {vertical-align: middle}
.content {padding: 0 0 0 30px}
.block {width: 190px; vertical-align: top}
.block-rounded {width: 190px; background: url(/img/block.gif) no-repeat;}
.text {margin: 0 0 30px 0}
.show {width: 386px}
.select {color: #fff}

#userinfo {position: absolute; margin: -7px 0 0 63px; padding: 0;}
#balance {font-size: 11px;}
#balance img {vertical-align: middle;}
#balance .item {float: right; padding: 0 0 0 25px;}

.list-new {border: 0; border-collapse: collapse;}
.list-new .lt {background: url(/img/lt.gif) #e5e5e5 no-repeat left top;}
.list-new .lb {background: url(/img/lb.gif) #e5e5e5 no-repeat left bottom;}
.list-new .rt {background: url(/img/rt.gif) #e5e5e5 no-repeat right top;}
.list-new .rb {background: url(/img/rb.gif) #e5e5e5 no-repeat right bottom;}
.list-new {width: 100%; padding: 0; margin: 10px 0; background: #e5e5e5; border: none;}
.list-new th {padding: 8px 10px 8px 11px; font-size: 11px; text-align: left;}
.list-new td {padding: 6px 10px 6px 11px; background: #fff; font-size: 11px; border-bottom: #ccc 1px solid; border-left: #ddd 1px solid; text-align: left;}
.list-new .title {border-left: #ccc 0px solid;}
.list-new .top {border-top: #888 2px solid;}
.list-new .bottom {border-bottom: #888 2px solid;}
.list-new a:hover {color: #fb0}


.list {width: 100%; margin: 10px 0; background-color: #fff}
.list th {padding: 14px 5px 6px 0; font-size: 11px; border-bottom: #999 2px solid; text-align: left;}
.list td {padding: 6px 0; font-size: 11px; text-align: left}
.list td.blank {padding: 0; width: 26px; border-bottom: #ccc 1px solid}
.list td.text {padding: 6px 0; border-bottom: #ccc 1px solid;}
.list td select {font-size: 11px;}
.list a:hover {color: #fb0}
.list img {vertical-align: middle}

td.form {padding: 0 5px; background: #f2f2f2; border: #ccc 1px solid;}
td.form:hover {border: #999 1px solid;}
td.form textarea {background: transparent; border: none; font-size: 13px;}
td.form input {width: 99%; background: transparent; border: none; font-size: 13px;}

.votes {margin: -4px 0 0 15px;}
.votes td {height: 18px; padding: 0; vertical-align: middle;}
.votes td.result {width: 130px; font-size: 11px; background: url(/img/100x2.gif) repeat-y; border: none; color: red;}
.votes div.graphic {float: left; height: 18px; background: red; vertical-align: bottom;}
.votes div.count {margin: 2px 0 0 0; font-size: 11px;}
.votes input {margin: 0; padding: 0; vertical-align: middle;}

td.alphabet {padding: 2px 0 0 0}
.alphabet a {font-size: 10px; padding: 2px 3px; margin: 0 2px 0 0; border: #fb0 1px solid; text-decoration: none}
.alphabet a:hover {border: #fb0 1px solid; background-color: #fb0; color: #fff}
.alphabet a.now {border: #fb0 1px solid; background-color: #fb0; color: #fff}

#box li {list-style-image: url(/img/box.gif)}

.bg-lt {width: 15px; height: 15px; background: url(/img/bg-lt.gif) no-repeat left top}
.bg-lb {width: 15px; height: 15px; background: url(/img/bg-lb.gif) no-repeat left bottom}
.bg-rt {width: 15px; height: 15px; background: url(/img/bg-rt.gif) no-repeat right top}
.bg-rb {width: 15px; height: 15px; background: url(/img/bg-rb.gif) no-repeat right bottom}
.bg-ct {border-top: #fff 1px solid}
.bg-cb {border-bottom: #fff 1px solid}
.bg-lm {border-left: #fff 1px solid}
.bg-rm {border-right: #fff 1px solid}
.pages {padding: 20px 0; font-size: 11px}
.pages a {padding: 2px 5px; border: #fff 1px solid; text-decoration: none}
.pages a:hover {background: #fff; border: #fff 1px solid; color: #000}
.pages span {padding: 2px 5px; background: #fff; border: #fff 1px solid; color: #fb0; font-weight: bold}

.step {margin: 15px 0 0 0;}
.step a {font-size: 11px; color: #fb0; padding: 2px 5px; margin: 0 3px 0 0; border: #fb0 1px solid; text-decoration: none;}
.step span {font-size: 11px; color: #ddd; padding: 2px 5px; margin: 0 3px 0 0; border: #ddd 1px solid;}
.step span.current {color: #fff; background: #fb0; border: #fb0 1px solid;}
.step a:hover {border: #fb0 1px solid; background-color: #fb0; color: #fff}
.step a.current {border: #fb0 1px solid; background-color: #fb0; color: #fff}

.new-field {width: 98%; padding: 4px; margin: 2px 0 0 0; border: #aaa 1px solid; background: #eee; color: red;}
.new-field:hover {background: #fdd; border: #aaa 1px solid; color: red;}

fieldset.form {padding: 0; border: #bbb 1px solid;}
fieldset.form legend {padding: 5px; margin: 0 3px; border: #aaa 1px solid;}

.case {width: 100%; background: #fff;}
.case .case-lt {width: 15px; height: 15px; background: url(/img/case-lt.gif) no-repeat left top;}
.case .case-lb {width: 15px; height: 15px; background: url(/img/case-lb.gif) no-repeat left bottom;}
.case .case-rt {width: 15px; height: 15px; background: url(/img/case-rt.gif) no-repeat right top;}
.case .case-rb {width: 15px; height: 15px; background: url(/img/case-rb.gif) no-repeat right bottom;}

.calendar {background: #f6f6f6; margin: 4px 0 0 0; border-right: #ddd 1px solid; border-collapse: collapse;}
.calendar th {font-size: 11px; padding: 5px 7px; background: #ccc; border-left: #eee 1px solid; border-bottom: #eee 1px solid; text-align: left;}
.calendar td {font-size: 11px; width: 14%; padding: 5px 7px; border-left: #ccc 1px solid; border-bottom: #ccc 1px solid;}
.calendar td.current {background: red; color: #fff;}
.calendar td.week-end {background: #f00; color: #fff; border-left: #ccc 1px solid; border-bottom: #ccc 1px solid;}

#msg0 {padding: 0 0 15px 0; font-size: 16px; color: #f00;}
#msg1 {padding: 0 0 15px 0; font-size: 16px; color: #093;}

.msg {padding: 10px 15px;}
.msg a {color: #fff;}
.msg2 div {background: #369; color: #fff;}
.msg1 div {background: #093; color: #fff;}
.msg0 div {background: #f60; color: #fff;}
.r1, .r2, .r3, .r4, .r5, .r6 {display: block; overflow: hidden; height: 1px; font-size: 1px;}
.r6 {margin: 0 6px;}
.r5 {margin: 0 5px;}
.r4 {margin: 0 4px;}
.r3 {margin: 0 3px;}
.r2 {margin: 0 2px;}
.r1 {margin: 0 1px;}
.reckli {position: absolute; margin-left: -1000px;}
*:focus {outline: none;}

.wrap {
	background: #ecad00;
	padding: 0 10px;
	position: relative;
	overflow: hidden;
	border-radius: 18px; 
	-moz-border-radius: 18px; 
	-webkit-border-radius: 18px;
	behavior: url(/inc/PIE.htc);
}

.segment {width: 90px; height: 90px; margin: 25px 0 0 40px; overflow: hidden; background: black; border-radius: 17px; box-shadow: 3px 3px 5px #000; image-rendering: crisp-edges; image-rendering: -webkit-optimize-contrast}
.segment:active {margin: 23px 0 0 40px; box-shadow: 2px 2px 3px #000}
#order_up {float: right; margin: -40px 17px 0 0; padding: 15px 20px; font-size: 120%; font-weight: bold; text-decoration: none; border: black 4px dashed; border-radius: 17px;}
#order_up:hover {border: white 4px dashed}
#order_up:active {background: #080; color: #fff; border-color: #080}