@charset "utf-8";  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; vertical-align:baseline; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif}
table {border-collapse:separate; border-spacing:0}
caption, th, td {
    text-align:center;
    font-weight:normal;
}
table, td, th {
    vertical-align:middle;
}
table th {
    vertical-align:middle;
    padding: 5px;
    font-size: 110%;
}
a img {border:none; vertical-align: text-top}
p {margin:0 0 1.5em}
li ul, li ol {margin:0 1.5em}
ul, ol {margin:0 1.5em 1.5em 1.5em}
.clearfix:after, .container:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix, .container {display:block}
.clear {clear:both}
.hidden {display:none}
.strong {font-weight:bold}
body {text-align: center; font: 12px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; background: #709927 url(/on/images/bg2.png) repeat-x center top}
a {color:#000099; text-decoration:none; outline: none}
a:focus, a:hover {color:#0000FF; outline: none}
#container { width:100%;
             margin: 0px auto; text-align: left}
.placelookup {clear: both; padding-top: 10px}

#menubar li:hover ul, #menubar li.sfhover ul {left:auto}
/* #logo {background: url(../img/logo.png) no-repeat 10px 0px; float: left; height: 65px; width: 180px; overflow: hidden}
#logo a {text-indent: -9999px; display: block; height: 65px; width: 180px}
*/
#logo{
    /*background-image: url("../img/logo.png");*/
}

.postactions a.fbshare, .postactions a.mute, .postactions a.muted, .postactions a.flag {padding: 0px 7px; margin-left: 4px}
.postactions a.fbshare {background: url(/on/images/fb.png) no-repeat right bottom}
.postactions a.fbshare:hover {background: url(/on/images/fb.png) no-repeat left bottom}
.postactions a.mute {background-image: url(/on/images/sound.png); background-repeat: no-repeat; background-position: left center}
.postactions a.muted {background-image: url(/on/images/sound.png); background-repeat: no-repeat; background-position: right center}
.postactions a.mute:hover, .postactions a.muted:hover {background-image: url(/on/images/sound.png); background-repeat: no-repeat; background-position: center center}
.postactions a.flag {background: url(/on/images/flag.png) no-repeat right bottom}
.postactions a.flag:hover {background: url(/on/images/flag.png) no-repeat left bottom}
.posticons img {vertical-align: text-bottom}
#all_streams a.delete, .reviewlist a.delete, #singlepost a.delete, .suggestedpeople a.delete, .group_member_checkbox a.delete, .ent_list a.delete, .ent_member_list a.delete, .sidebox.tip a.delete, .ballooncontentfriend a.delete {padding: 0px 3px; color: #999999; font-weight: bold; margin-left: 4px}
#all_streams a.delete:hover, .reviewlist a.delete:hover, #singlepost a.delete:hover, .suggestedpeople a.delete:hover, .group_member_checkbox a.delete:hover, .ent_list a.delete:hover, .ent_member_list a.delete:hover, .sidebox.tip a.delete:hover, .ballooncontentfriend a.delete:hover {color: #FFFFFF; background: #CC0000; text-decoration: none}
.sidebox.tip a.delete, .suggestedpeople li a.delete, .ballooncontentfriend a.delete {visibility:hidden; float:right }
.sidebox.tip:hover a.delete, .suggestedpeople li:hover a.delete, .ballooncontentfriend:hover a.delete {visibility:visible }
#all_streams .comments, .reviewlist .comments {margin-top: 8px}
#singlepost .comments {margin: 20px 0px 0px 0px}
#all_streams .comments li, .reviewlist .comments li, #singlepost .comments li, .blocked {border-style: none; background: #E4EFC2; padding: 4px; margin: 2px 0px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px}
#all_streams .comments .buddyicon, #all_streams li.checkin .comments .buddyicon, #all_streams li.highlight .comments .buddyicon, .reviewlist .comments .buddyicon, #singlepost .comments .buddyicon {float: left; height: 24px; width: 24px; margin: 0px}
.reviewlist .thumbicon {float: left; height: 24px; width: 24px}
#all_streams .comtext, .reviewlist .comtext {margin-left: 28px; line-height: normal; font-size: 11px; word-wrap: break-word; text-overflow: ellipsis}
#singlepost .comtext {margin-left: 30px; line-height: 1.2em; font-size: 15px; word-wrap: break-word; text-overflow: ellipsis}
#all_streams .commmeta, .reviewlist .commmeta, #singlepost .commmeta {font-size: 11px; color: #777}
#all_streams .commmeta .delete, .reviewlist .commmeta .delete, #singlepost .commmeta .delete {float: right}
#stream_text_counter {padding-right:10px; float:right; color:#FFFFFF }
.add_photo a {line-height:2em; color: #a76400}
.add_photo {margin-top:2px; padding-bottom:2px}
#file_upload {padding-bottom:2px}
#singlepost .location {background: #D1D0CD; margin-top: 2px; color: #666666}
#singlepost .location p {padding: 5px}
#singlepost .location a {color: #5A7A1F}
.pagination {text-align: center; margin: 2em 0px; clear: both}
.pagination a {color: #999999; padding: 2px 5px; border: 1px solid #CCCCCC; -moz-border-radius: 4px; -webkit-border-radius: 4px}
.pagination strong {font-size: 15px; margin: 0px 8px}
.pagination a:hover {background: #efb; border: 1px solid #5A7A1F; color: #4E691B; text-decoration: none}
.mainbox {padding: 10px; border: 1px solid #bbb; margin: 20px 0px; word-wrap: break-word; text-overflow: ellipsis; -moz-border-radius-topright: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px}
.sidetabs {list-style: none; padding: 0px; margin: 0px; height: 22px}
.sidetabs li {display: inline}
.sidetabs a {display: block; float: left; padding: 3px 6px 0px; margin: 0px 2px 0px 0px; height: 19px; color: #666666; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; background: #ddd; cursor: pointer; outline:none; -moz-outline-style: none}
.sidetabs a:hover {color: #333; border-top: 1px solid #bbb; border-right: 1px solid #bbb; border-left: 1px solid #bbb; border-bottom-style: none; text-decoration: none; padding: 2px 5px 0px; background: #eee}
.sidetabs .tabs-selected a, .sidetabs .tabs-selected a:hover {border-top: 1px solid #bbb; border-right: 1px solid #bbb; border-left: 1px solid #bbb; border-bottom-style: none; background: #FFFFFF; color: #333333; text-decoration: none; padding: 2px 5px 0px; height: 20px}
.sidebox {padding: 10px; border: 1px solid #bbb; margin: 0px 0px 20px; word-wrap: break-word; text-overflow: ellipsis; -moz-border-radius-topright: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px}
.sidebox.tip {padding: 10px; border: 1px solid #bbb; margin: 0px 0px 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px}
#content .sidebox.tip h3 {color:#5A7A1F; border: none}
.sidebox.tip p {margin: 0 0 0.5em 0}
.sidebox.tip ul {list-style: none; margin: 0px}
.sidebox.tip li {width: 138px; padding-bottom: 5px; float: left; display: block}
.sidebox.tip li a {font-size: 14px; color: #333}
.sidebox.tip li a:hover {color: #0000FF; text-decoration: none}
.sidebox.tip li a img {vertical-align: middle}
.tippic {float: left; margin: 0px 10px 10px 0px}
#content h4 {font-size: 15px; font-weight: bold; margin-bottom: 0.5em; clear: both}
dl.placedetail {margin-bottom: 1em}
dl.placedetail dt {clear: left; float: left; color: #999999}
dl.placedetail dd {margin-left: 70px; margin-bottom: 0.5em}
p.placefeedback {font-size: 11px; color: #999999; padding-left: 20px; background: url(/on/images/pencil.png) no-repeat; padding-top: 2px}
.bigicon {border: 1px solid #C9CCC4; width:120px; margin: 0px 10px 4px 0px; float: left}
.recentvisitors .buddyicon {border: 1px solid #999999; height: 48px; width: 48px}
.buddyiconlist {margin: 0px; padding: 0px; list-style: none}
.buddyiconlist li {float: left; margin: 2px; height: 50px; width: 50px}
.buddyiconlist .buddyicon {height: 48px; width: 48px; border: 1px solid #C9CCC4}
.buddyiconlist a:hover .buddyicon {}
p.more {margin: 0px 0px 1em}
.suggestedpeople {margin: 0px 0px 1em; padding: 0px; list-style: none}
.suggestedpeople li {float: left; height: 60px; width: 280px}
.suggestedpeople .buddyicon {float: left; border: 1px solid #C9CCC4; margin-right: 8px; margin-bottom: 8px; height: 48px; width: 48px}
#join {background: url(/on/images/joinbg2.png) no-repeat; padding: 20px 20px 0px; color: #FFFFFF; line-height: 1.5em; height: 110px; font-size: 12px}
#join a {color: #FFCC33; text-decoration: underline}
#join p {margin: 0px 0px 5px; font-size: 13px; line-height: 1.5em}
#join .signup {text-align: center; float: right; font-size: 9px; line-height: 1.2em; margin-left: 10px}
#join .signup p {margin: 0px 0px 5px}
#content.cancel {font-size: 15px; line-height: 1.5em}
#singlepost .notice {margin: 1em 0em}
#singlepost .notice h2 {color: #A78418}
#singlepost .notice a {}
.error, .notice, .success {padding:.8em 1.6em; border:1px solid #ddd;}
.error {background: #FBE3E4; color: #8a1f11; border-color: #BBB}
.notice {background: #FFF6BF; color: #514721; border-color: #FFD324}
.success {background: #E6EFC2; color: #264409; border-color: #C6D880}
.error a {color: #8a1f11}
.notice a {color: #514721}
.success a {color: #264409}
label {}
fieldset {padding:15px 15px 15px 15px; margin:0 0 1.5em 0; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px}
legend {font-weight:bold; font-size:13px; color: #666666; background-color: #fff;padding: 4px;}
input.text, input.title {width:230px; padding:5px}
input.title {font-size:1.5em}
textarea {font: 13px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif}
label.text {margin:11px 8px 0 0}
label.title {margin:15px 8px 0 0}
label.right {padding-left:4px; float:none; display:inline}
label.login {margin:15px 8px 0 0; width:70px}
label.beta_invitation {margin:8px 8px 0 0; width:160px}
label.mugshot {}
label.error { width:auto; display:inline; background-color:white;  font-size: 0.9em; font-weight:normal;  border:none; float:none}
label.inline {float:none; display:inline}
#setupnav {font-weight: normal; text-align: center; color: #666666; letter-spacing: -1px; padding: 8px; font-size: 24px; background: url(/on/images/setupbg.jpg) no-repeat center bottom; margin-bottom: 1em}
#setupnav strong {color: #5A7A1F}
.bigform, .settingsform, .edit_user, #new_mugshot, #change_password {padding-top: 2em}
.bigform.signup {float: left; width: 500px; padding: 0px 20px 0px 0px; border-right: 1px solid #CCCCCC}
.altsignup {float: right; width: 200px; text-align: center; }
.placeform {overflow: auto}
.bigform dt, .settingsform dt, .edit_user dt, #new_mugshot dt, #change_password dt {float: left; font-weight: bold; clear: both; width: 190px; text-align: right; padding-top: 0px; font-size: 15px}
.bigform.signup dt {width: 100px}
.placeform dt {float: left; font-weight: bold; clear: both; width: 70px; text-align: right; padding-top: 3px; font-size: 13px}
.bigform dd, .settingsform dd, .edit_user dd, #new_mugshot dd, #change_password dd {margin: 0px 0px 1em 200px}
.bigform.signup dd {margin: 0px 0px 1em 110px}
.placeform dd {margin: 0px 0px 1em 80px}
.parentwrap {padding: 7px 0px}
#parent_result {font-size: 15px}
.suboptions {font-size: 13px; line-height: 2em; padding-top: .5em}
.suboptions small {font-size: 13px; color: #999999}
.manage {font-size: 13px; line-height: 2em; padding-top: 1em}
.manage small {font-size: 13px; color: #999999}
.bigform input, .bigform select, .settingsform input, .settingsform select, .settingsform textarea, .edit_user input, .edit_user select, .edit_user textarea {font: 13px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; padding: 3px; border: 1px solid #CCCCCC; -moz-border-radius: 4px; -webkit-border-radius: 4px}
.placeform input, .placeform select {font: 13px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; padding: 2px}
.settingsform .warning {color: #990000; width: 420px}
.signupfield, .fieldwrap {-moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 3px; border: 1px solid #CCCCCC; float: left; width: 180px; height: 23px}
#signuphome .signupfield {float: none; width: 180px; font: 16px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; height: 20px}
.fieldwrap {text-align:left}
.fieldwrap select {padding: 0px; border: none; font-size: 13px}
.signupfield.highlight, .fieldwrap.highlight, .signupfield.error, .signupfield.error2, .signupfield.success, .fieldwrap.success {-moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; font-weight: normal; margin: 0}
.signupfield.highlight, .fieldwrap.highlight {border: 1px solid #aaa}
.signupfield.error, .signupfield.error2 {border-color:#FBC2C4; background: #FBE3E4}
.signupfield.success, .fieldwrap.success {background:#fff; border-color:#C6D880}
.signinconnect {text-align: left}
.signinconnect p {line-height: 18px; margin: 0px 0px 1em}
.signinconnect .signupfield {-moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 3px; border: 1px solid #CCCCCC; width: 160px; float: none; height: auto; font: 15px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif}
.signinconnect a {color: #688531}
#footer {clear: both; padding: 30px 20px; margin-left: 180px; font-size: 11px; background: url(/on/images/footerbg.png) no-repeat; color: #38aa4a; text-align: center; line-height: 1.8em}
#footer a {color:#38aa4a; text-decoration: none}
#footer a:hover {color:#00CC00; text-decoration:none}
ul.navigation {display: block}
ul.navigation li {float:left; list-style-type: none; display: block; margin:5px}
.example {margin:3px 69px; color:#CCCCCC; font-style:italic; font-size:0.9em }
.smaller {font-size:0.9em }
textarea.feedback {width: 400px; height: 85px; font: 13px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif}
#feedback_body_counter {margin-left:320px; font-weight:bold; color:#AAAAAA}
ul.mugshots {list-style:none; font-size:11px; margin: 0px}
ul.mugshots li {float:left; display:block; width:90px; height: 100px}
.mugshot img {width:48px; height:48px; border:1px solid #999999; background: #CCCCCC}
.tabs-hide {display: none}
.right {float:right }
.left {float:left }
.hide {display: none}
.alert_nav {float:left}
.alert_nav ul {margin: 0 0 0 0}
.alert_nav li {margin-bottom:5px}
ul.new_fans_list, ul.friend_requests_list {list-style:none; margin-bottom:5px; margin-right:2px}
.new_fans_list li, .friend_requests_list li {margin-bottom:5px }
.remove {background: url(/on/images/delete.png) no-repeat; padding-left: 18px; color: #999999}
.avatar {float:left; margin-right:5px}
.actions {margin:5px 0 0 0}
.approve {background:#5A7A1F; font-weight:bold; color:#FFFFFF; text-decoration:none; padding:2px; border:solid 1px #FFFFFF}
.ignore {background:#AC0303; font-weight:bold; color:#FFFFFF; text-decoration:none; padding:2px; border:solid 1px #FFFFFF}
#loading_top {position:fixed; width:100%; height:100%}
#loading_top span {background:#FFF6BF; padding:2px 10px; font-weight:bold }
label.note, label.success, label.error, label.form_error {font-size: 12px; height: 15px; width: 180px; padding: 7px; float: left; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: solid solid solid none; font-weight: normal; margin: 0px}
label.note {background:#eee; color:#666666; border-color:#aaa}
label.success {background:#E6EFC2 url(/on/images/accept.png) no-repeat 8px 8px; padding: 7px 7px 7px 27px; width: 160px}
label.error, label.form_error {color: #8a1f11; background: #FBE3E4; border-color:#FBC2C4}
.home {background: /*#38aa4a*/ url(../img/back_unissula1.jpg) no-repeat center top;}
.home #container {width: 780px}
.home #header {background: none; height: 150px}
.home #logo {float: left; height: 100px; width: 350px; }
.home #logo a {height: 100px; width: 350px}
#signintop {color: #C9DB99; text-align: left; padding: 36px 20px 0px 0px; float: right; position: relative}
#signintop a {color: #C9DB99}
#signintop .remember {margin-right: 25px}
#tagline {color: #38aa4a; text-align: right; padding: 35px 20px 0px 0px}
#tagline a {color:#38aa4a; text-decoration: underline}
.home #main {background: #FFFFFF url(/on/images/contenthomebot.png) no-repeat left bottom; -moz-border-radius: 8px; -webkit-border-radius: 8px}
.home #content {background: url(/on/images/contenthometop.png) no-repeat left top; padding: 20px}
#singlepostwrapper {background: url(/on/images/contenthometop.png) no-repeat left top}
#singlepostwrapper #content {background: none}
#welcome {clear: both; padding: 0px; height: 410px; position: relative; background: #5DB9DD url(/on/images/welcome3.png) no-repeat}
#welcome h1 {color: #FFFFFF; margin: 0px 260px 0px 20px; padding: 20px 0px 0px; font-weight: normal; font-size: 24px}
.loginbutton {position: absolute; left: 527px; top: 24px; color: #FFF; font-weight: bold; font-size: 16px}
.yahoohome {position: absolute; left: 527px; top: 24px}
.fbhome {position: absolute; top: 24px; right: 20px}
#signuphome {margin: 0px; padding: 10px 15px; color: #333333; background: #E4EFC2; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 290px; position: absolute; top: 70px; right: 20px; width: 203px}
#signuphome p {margin: 0px 0px 6px; line-height: 16px}
#signuphome select {font: 12px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif}
#signin {margin: 0px 20px 0px 590px; padding: 0px; color: #666666; height: 250px}
#signuphome h2, #signin h2, #howitworks h2, #otherfeatures h2, #inthepress h2 {line-height: 16px; font-size: 16px; letter-spacing: 0px; color: #5A7A1F; margin-bottom: 8px; font-weight: bold}
#signin form {}
#signin p, .comment_login p {margin: 0px 0px 5px}
#signin a {text-decoration: none}
.home #login, .home #password {font: 13px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; padding: 2px; width: 120px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 18px; border-top: 1px solid #374A13; border-right: 1px solid #8AA160; border-bottom: 1px solid #BAC7A1; border-left: 1px solid #506628}
.comment_login #login, .comment_login #password {font: 15px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; padding: 2px; width: 150px}

#quotes {float: left}
#quotes ul {margin: 0px; list-style: none}
#quotes li {float: left; width: 170px; padding-right: 20px; background: url(/on/images/pressquotetop.png) no-repeat left top; margin-bottom: 15px; padding-top: 5px}
#quotes blockquote {background: url(/on/images/pressquotebot.png) no-repeat left bottom; padding: 0px 5px 25px; margin-bottom: 5px; text-align: center; font-size: 13px}
#quotes a {color: #FFFFFF}
#hostedby {float: right; width: 170px}
.home #footer {margin: 0px; background: none; padding: 20px; text-align: center}
#consentcontent p {font-size: 15px; line-height: 1.4em}
#consentcontent .consenttext {border: 1px solid #CCC; padding: 10px; overflow: auto; margin: 0px 60px}
#consentcontent form {text-align: center; margin: 0px}
#consentcontent input {font-size: 18px}
#aboutlead {color: #FFFFFF; background: #666666 url(/on/images/aboutlead.jpg); padding: 110px 420px 0px 20px; font-size: 15px; line-height: 1.5em; height: 90px}
#aboutlead h2, #join h2 {margin-bottom: 5px}
#aboutcontent {padding: 20px 0px 0px 20px; float: left; width: 340px; font-size: 13px; line-height: 1.5em}
#aboutteam {padding: 20px 0px 0px; float: right; width: 400px}
#aboutcontent h3, #aboutteam h3 {color: #709927; margin: 0px 0px 1em}
.aboutmember {float: left; width: 180px; padding: 0px 20px 15px 0px}
#faqcontent {line-height: 1.5em; font-size: 13px; margin: 0px 60px}
#faqcontent h3 {color: #666666; margin: 3em 0px 1em; background: #F3F4F2; padding: 2px 5px; border: 1px solid #C9CCC4}
#faqcontent h4 {margin: 1.5em 0px .8em; border-style: none}
#faqcontent p, #faqcontent li {margin: 0px 0px .8em}
#faqcontent a {text-decoration: underline}
#faqcontent blockquote {margin-bottom: 0.8em; margin-left: 3em; font-size: 15px; color: #FF6600}
.faqjump {color: #999999}
.faqjump a {color: #666666}
.faqjump a:hover {color: #0000FF; text-decoration: underline}
#faqcontent .top {font-size: 11px; float: right; font-weight: normal; color: #999999}
#downcontainer {position: relative}
#downmessage {position: absolute; left: 455px; top: 15px; font-size: 18px; color: #FFFFFF; right: 15px; bottom: 0px}
#downmessage a {color: #9EC000}
.offer {background: #FFFF99; padding: 4px 8px; border: 1px solid #C9CCC4; line-height: 1.5em}
.quicktable {width:100%; border-top: 1px solid #D9DCD6; border-right: 1px solid #D9DCD6; border-left: 1px solid #D9DCD6; margin-bottom: 1em}
.quicktable th {border-bottom: 1px solid #D9DCD6; padding: 3px; font-weight: normal; color: #999999; background: #F3F4F2}
.quicktable td {border-bottom: 1px solid #D9DCD6; padding: 2px 5px}
.quicktable .ongoing td {font-weight: bold; background: #E4EFC2}
.createad fieldset {overflow: auto}
.step_content {float: left; width: 520px}
.step_preview {float: right; width: 300px}
.step_help {float: right; width: 160px}
.step_content strong {color: #000000}
.step_content .smallinput {font: 12px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; width: 200px}
.createad p {margin-bottom: 1em}
.createad td {padding: 3px 10px 3px 0px}
.sidead {word-wrap: break-word}
.sidead a {padding: 10px; display: block; border: 1px solid #C9CCC4; height: 160px; color: #333333}
.sidead a:hover {color: #000000; border: 1px solid #999999}
.sidead img {float: left; margin-right: 10px}
.sidead .text {}
.sidead h4, #content .sidead h4 {clear: none; font-size: 13px; margin-bottom: 0.3em}
.sidead a:hover h4 {color: #0000CC; text-decoration: underline}
.sidead p {margin: 0px}
.moreads {margin: 5px 5px 10px; color: #999999; text-align: right}
.moreads a {color: #666666}
.moreads a:hover {color: #0000FF; text-decoration: underline}
.mobilead {background: #000000; padding: 0px 4px; color: #666666}
.mobilead a {color: #FFFFFF; text-decoration: none}
.mobilead img {border: 1px solid #FFFF99; margin: 0px 4px 0px 0px}
.mobilead strong {color: #FFFF99; text-decoration: underline}
.stream_location {color: #a76400}
span.dm {text-decoration: underline}
.loading {margin:0 4px}
#msg_container {width:80%}
.error ul {margin: 0 20px}
#new_user label.error, .edit_user label.error {font-size:1em}
.reset_password {display:block; font-size:13px; padding:10px 0 0 0}
.diff {font-weight: bold}
.applist {float: left; width: 500px}
.applistimg {height: 73px; width: 73px}
.applist td {padding: 10px; vertical-align: top}
.applist tr.revoked {opacity: 0.5}
.appaccess {padding: 10px; float: left; width: 500px; text-align: center}
.button_access {margin: 10px 0px 10px 50px}
.loginbutton img {margin-left: 3px; vertical-align: middle}
#join .signup a img {margin: 5px 6px}
.comment_login .right a img {margin: 5px}
div#crosshair {position: relative; top: 50%; background: url(/on/images/crosshair.gif); background-position:center center; background-repeat:no-repeat;  margin:0 auto; z-index:99; height:19px; width:19px}
div#map_example {margin-top:-19px}
div#map_example2 {margin-top:-19px}
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span {background: url(/on/images/switch.gif) repeat-x; display: block; float: left}
.cb-enable span, .cb-disable span {line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold}
.cb-enable span {background-position: left -90px; padding: 0 10px}
.cb-disable span {background-position: right -180px; padding: 0 10px}
.cb-disable.selected {background-position: 0 -30px}
.cb-disable.selected span {background-position: right -210px; color: #fff}
.cb-enable.selected {background-position: 0 -60px}
.cb-enable.selected span {background-position: left -150px; color: #fff}
.switch label {cursor: pointer}
.switch input {display: none}
#home_front {clear: both; position: relative; background: url(/on/images/home_sky.png) no-repeat left top; height: 340px; width: 780px}
.home_stream_wrapper1 {height: 340px; width: 540px; position: absolute}
.home_stream_wrapper2 {height: 340px; width: 540px; position: relative}
.home_stream_wrapper3 {background: url(/on/images/home_stream_bottom_bg.png) no-repeat left bottom; position: absolute; width: 340px; left: 90px; top: 50px}
.home_stream {background: url(/on/images/home_stream_bg.png) no-repeat left top; margin-bottom: 40px; padding: 10px 10px 0px}
.home_stream h3 {font-size: 14px; font-weight: normal; color: #142500; padding-bottom: 5px; line-height: 1.3em}
.home_stream table {width: 320px}
.home_stream table td {padding-right: 5px}

#officialpartner {float: right; width: 180px; height: 130px; margin-right: 20px; padding-left: 20px}
#brands {float: left; width: 520px; margin: 0px}
#brands ul {margin: 0px; list-style: none; padding-top: 10px; border-right: solid 1px #999}
#brands li {float: left; text-align: left; margin: 0px; padding: 0px 0px 20px; width: 100px}
#brands a {color: #709927}
#brands a:hover {color: #00C}
#homeslogann2n {clear: both; padding: 20px 180px 0px 20px; height: 200px; position: relative; background: url(/on/images/bg_home_slogan_n2n.png) no-repeat left top}
#homesignupn2n {float: right; position: absolute; height: 190px; width: 275px; padding: 15px 150px 15px 15px; left: 320px; top: 19px}
#homeslogann2n h2 {font-size: 18px; font-weight: bold; color: #FFF}
#homeslogann2n p {font-size: 14px; color: #FFF; font-weight: normal; margin: 0px; padding-bottom: 10px}
#n2nbanner h2 {font-size: 18px; font-weight: bold; color: #FFF}
#n2nbanner p {font-size: 14px; color: #FFF; font-weight: normal; margin: 0px; padding-bottom: 10px}
#n2nbanner {background: url(/on/images/n2nbanner.png) no-repeat left top; height: 100px; width: 520px; padding: 40px 200px 20px 20px; margin-bottom: 20px}
.profilestats {float: left; background: #FAFDC6; width: 66px; padding: 6px; margin-right: 0px; margin-left: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; text-align: center; border: 1px solid #bbb}
.balloon {padding: 0px; width: 960px; text-align: center; z-index: 11; left: 50%; margin-left:-480px; position: absolute; top: 0px}
.ballooncontent {background: #FFF; padding: 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; width: 560px; position: absolute; left: 30px; top: 175px}
.balloon-arrow-up {position: absolute; left: 560px; top: 155px}
.ballooncheckin {position: absolute; top: 125px; left: 540px}
.balloon .balloon-arrow-bottom {position: absolute; top: 235px; left: 760px}
.ballooncontentfriend {background: #FFF; padding: 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 0px; width: 560px; position: absolute; left: 220px; top: 150px; height: 50px}
.ballooncontent h2, .ballooncontentfriend h2 {font-size: 30px; color: #597a1f; font-weight: bold}
.ballooncontent p, .ballooncontentfriend p {font-size: 18px; color: #999999; margin: 0px}
.balloonsidebox.tip {padding: 10px; border: 1px solid #bbb; -moz-border-radius: 6px; -webkit-border-radius: 6px; width: 280px; top: 272px; background: #FFF; position: absolute; right: 20px}
.balloonsidebox.tip h2 {line-height: normal; font-size: 24px; letter-spacing: -1px; color: #5A7A1F; font-weight: normal; margin-bottom: 10px; text-align: left}
.balloonsidebox.tip h3 {color:#5A7A1F; border: none}
.balloonsidebox.tip p {margin: 0 0 0.5em 0}
.balloonsidebox.tip ul {list-style: none; margin: 0px}
.balloonsidebox.tip li {width: 139px; padding-bottom: 5px; float: left; display: block; text-align: left}
.balloonsidebox.tip li a {font-size: 14px; color: #333}
.balloonsidebox.tip li a:hover {color: #0000FF; text-decoration: none}
.balloonsidebox.tip li a img {vertical-align: middle}
.balloontippic {float: left; margin: 0px 10px 10px 0px}
.partner {font-size: 12px; text-align: center; padding: 5px}
.partner p {color: #666; font-size: 12px}
#modalbox .checkin_graphics {height: 220px; background: url(images/checkin_graphics2.png) no-repeat center bottom; padding-right: 120px; padding-top: 20px}
#modalbox .checkin_graphics h3 {font-weight: normal; color: #333; font-size: 14px; line-height: 1.3em}
.ac_results {padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; 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;   font: menu; font-size: 12px;  line-height: 16px; overflow: hidden; text-align:left}
.ac_loading {background: white url('indicator.gif') right center no-repeat}
.ac_odd {background-color: #eee}
.ac_over {background-color: #709927;  color: white}
.updnWatermark {color: #999; font-family: Sans-Serif; font-size: small; font-style: italic; padding: 5px}
.placeinfotable td {font-size: 14px; padding: 5px 5px 5px 10px}
.placeinfotable th {text-align: right; font-weight: bold; font-size: 14px; padding-left: 10px}
#addplace_lat, #addplace_lng{ width: 200px}
.placeaddinput {width: 250px}
.addplacesubmit {text-align: center; padding-top: 30px; padding-bottom: 30px; position: relative}
.addplaceverifybutton{ width: 200px; float: left; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: #FAFDC6; padding: 10px; position: relative; margin: 0px 10px 0px 15px; height: 100px}
.approvebutton {border: solid 1px #5a7a1f; background: #5a7a1f; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: -webkit-gradient(linear, left top, left bottom, from(#8bbc2e), to(#5a7a1f)); background: -moz-linear-gradient(top, #8bbc2e, #5a7a1f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8bbc2e', endColorstr='#5a7a1f'); text-align: center; width: 180px; margin: 10px auto 0px; position: absolute; right: 20px; bottom: 10px}
.approvebutton a {font-size: 18px; color: #FFF; font-weight: bold; display: block; padding-top: 10px; padding-bottom: 10px}
.approvebutton a:hover {background: #709927; background: -webkit-gradient(linear, left top, left bottom, from(#709927), to(#709927)); background: -moz-linear-gradient(top, #709927, #709927); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#709927', endColorstr='#709927')}
.skipbutton {border: solid 1px #da7c0c; background: #f78d1d; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); text-align: center; width: 180px; margin: 10px auto 0px; position: absolute; right: 20px; bottom: 10px}
.skipbutton a {font-size: 16px; color: #FFF; font-weight: bold; display: block; padding-top: 10px; padding-bottom: 10px}
.skipbutton a:hover {background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015')}
.rejectbutton {border: solid 1px #f40000; background: #f40000; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: -webkit-gradient(linear, left top, left bottom, from(#fd4444), to(#f40000)); background: -moz-linear-gradient(top, #fd4444, #f40000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd4444', endColorstr='#f40000'); text-align: center; width: 180px; margin: 10px auto 0px; position: absolute; right: 20px; bottom: 10px}
.rejectbutton a {font-size: 16px; color: #FFF; font-weight: bold; display: block; padding-top: 10px; padding-bottom: 10px}
.rejectbutton a:hover {background: #e10101; background: -webkit-gradient(linear, left top, left bottom, from(#fb2d2d), to(#e10101)); background: -moz-linear-gradient(top, #fb2d2d, #e10101); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb2d2d', endColorstr='#e10101')}
a.tt{ position:relative; z-index:24; color:#4c681b; text-decoration:none}
a.tt span{ display: none}
a.tt:hover{ z-index:25; color: #4c681b}
a.tt:hover span.tooltip{ display:block; position:absolute; top:0px; left:0px; padding: 10px 5px; margin: 10px 30px; z-index: 100; background: #f0f0f0; border: 1px solid #c0c0c0; color: #4c681b; width: 250px; text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; font-size: 12px}
a.add_ygeo_places {background: url(/on/images/add.png) no-repeat; padding-left: 18px; color: #999999}
a.add_ygeo_places:hover {color: #000099; text-decoration: underline}
.table_edit_place {margin-top: 10px}
.table_edit_place td {vertical-align: top; font-size: 13px; font-weight: bold; padding: 0px 0px 10px 10px}
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/* ---------------------------------------
                USER PANEL
----------------------------------------- */
#user_panel 				{
    margin-top: 20px;
    height: 30px;
    line-height: 30px;
    text-align: right;
}
#user_panel ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#user_panel ul li {
    padding: 0px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 5px;
    display: inline;
}
#admin-wrapper h2 			{ text-transform: uppercase; font-size: 14px; font-weight: bold; padding: 0px; margin: 7px 0px 7px 0px;}

#user_panel a:hover 		{ text-decoration: underline; color: #f4f4f4; }

#content				{ *position:relative;z-index:1; }

/* -------------------------------------------
                NOTIFICATIONS
-------------------------------------------- */

.notification {
    line-height: 30px;
    cursor: pointer;
    clear: both;
    height: 30px;
    margin: 8px 0px 8px 0px;
    padding: 20px 25px 10px 60px;
    -moz-border-radius:4px;
    -webkit-border-radius: 4px;
}


.notification strong 	{ margin-right: 5px;}
.notification p 		{
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    color: #333333;
}
.message p {
    font-size: 11px;
}


.warning {
    background-image: url(../images/32x32/error.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #FFC237;
    background-color: #FFEAA8;
    color: #826200;
}
.success {
    background-image: url(../images/32x32/accept.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #99C600;
    background-color: #EFFFB9;
    color: #3C5A01;
}

.failure {
    background-image: url(../images/32x32/exclamation.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #EB5339;
    background-color: #FCCAC2;
    color: #AC260F;
}

.information {
    background-image: url(../images/32x32/information.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #418ACC;
    background-color: #D0E4F4;
    color: #235685;
}

.lightbulb {
    background-image: url(../images/32x32/lightbulb.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #D3A350;
    background-color: #FEF0CB;
    color: #835F21;
}

.messages {
    background-image: url(../images/32x32/email.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #42B4FF;
    background-color: #9DDFFF;
    color: #835F21;
}


/* ---------------------------------------
                TABLE STYLING
----------------------------------------- */

td 			{ padding:0px; width:40px; text-align: left;}
th 			{ color: #333333; text-align: left; background-color: #EBEBEB; padding: 0px;
        border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999;}

/* ---------------------------------------
                SEARCH FORM
--------------------------------------- */

#search  		{ margin-bottom: 8px;}
#search p 		{ margin: 0px; padding: 0px;}
#search form 	{ float: right; text-align: right;}


/* ---------------------------------------
                FORM ELEMENTS
---------------------------------------- */

form label {
    font-size: 12px;
    color: #666666;
    margin-right: 10px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-variant: normal;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
}

form input.text {
    width: 35%;
    border: 1px solid #BFBFBF;
    font-size: 13px;
    color: #222;
    padding: 3px;
    vertical-align: middle;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-top: 0px;
}

form textarea {

    border: 1px solid #BFBFBF;
    font-size: 13px;
    color: #222;
}


form input:focus, textarea:focus	{ background-color: #F2F2F2; border: 1px solid #999999;}

form input.text.date 		{ width: 20%;}
form input.text.medium 		{ width: 35%;}
form input.text.big			{ width: 95%;}

form input.radio,
form input.checkbox 		{ vertical-align: middle;}

form input.file {
    width: 250px;
    height: 20px;
    background: #fefefe;
    border: 1px solid #bbb;
    border-right: 0;
    font-size: 13px;
    color: #333;
    padding: 4px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
}


form input.submit.special	{ background-color: #000000; }

form input.submit:hover 		{ text-decoration: underline; background-color: #333333;}
form .select					{ padding: 2px; margin: 5px 5px 5px 0px;}

/* -----------------------------------
                FOOTER
------------------------------------ */

#footer 						{ text-align: center; font-size: 11px; margin-top: 12px; margin-bottom: 12px;}
#info {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}
.message h4 {
    font-size: 15px;
}
.message small {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}

div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }


/* ----------------------------
                WYSIWYG EDITOR
------------------------------ */

div.wysiwyg {
    border: 1px solid #bbb;
    padding: 0;
    background-color: #fefefe;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 880px !important;
}
#message {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    margin-bottom: 10px;
}


div.wysiwyg * { margin: 0; padding: 0; outline: none; }

div.wysiwyg ul.panel {
    border-bottom: 1px solid #cccccc;
    float: left;
    width: 875px;
    padding: 5px;
    margin: 0;
}


td{
    height: 10px;
}
/* ------------ SUBMIT BUTTONS ------------ */

form input.submit {
    line-height: 20px;
    border: 0;
    font-size: 9px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    background-color: #258cd1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 25px;
    margin: 0px 7px 0px 0px;
    padding: 5px 8px 5px 8px;
    background-image: url(../../images/button_highlighter.png);
    background-repeat: repeat-x;
}
.content-box {

    border: 1px solid #ccc;
    margin: 0 0 20px 0;
    background: #fff;
}

.content-box-header {
    background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
    margin-top: 1px;
    height: 40px;

}

.content-box-header h3 {
    padding: 12px 15px 10px;
    float: left;
}

ul.content-box-tabs {
    float: right;
    padding: 12px 15px 0 0 !important;
    margin: 0 !important;
    width: 500px;
    border: none;
}

ul.content-box-tabs li {
    float: right;
    margin-top:-5px;
    padding: 0 !important;
    background-image: none !important;
}

ul.content-box-tabs li a {
    background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
    color: #333;
    padding: 8px 10px;
    display: block;
    margin: 1px;
    border-bottom: 0;
}

ul.content-box-tabs li a:hover {
    color: #57a000;
    padding: 8px 10px;
    display: block;
    margin: 1px;
    border-bottom: 0;
}              

ul.content-box-tabs li a.current {
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 0;
    margin: 1;
}

.content-box-content {
    padding: 20px;
    font-size: 13px;
    border-top: 1px solid #ccc;
}



/********************************      Elements styling      ********************************/


.subcontent-box {

    border: 1px solid #ccc;
    margin: 0 0 20px 0;
    background: #fff;
}

.subcontent-box-header {
    background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
    margin-top: 1px;
    height: 40px;

}

.subcontent-box-header h3 {
    padding: 12px 15px 10px;
    float: left;
}

ul.subcontent-box-tabs {
    float: right;
    padding: 12px 15px 0 0 !important;
    margin: 0 !important;
    width: 500px;
    border: none;
}

ul.subcontent-box-tabs li {
    float: right;
    margin-top:-5px;
    padding: 0 !important;
    background-image: none !important;
}

ul.subcontent-box-tabs li a {
    background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
    color: #333;
    padding: 8px 10px;
    display: block;
    margin: 1px;
    border-bottom: 0;
}

ul.subcontent-box-tabs li a:hover {
    color: #57a000;
    padding: 8px 10px;
    display: block;
    margin: 1px;
    border-bottom: 0;
}              

ul.subcontent-box-tabs li a.current {
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 0;
    margin: 1;
}

.subcontent-box-content {
    padding: 20px;
    font-size: 13px;
    border-top: 1px solid #ccc;
}
/** Scaffold View **/
dl {
    line-height: 2em;
    margin: 0em 0em;
    width: 99%;
}
dl .altrow {
    background: #ececec;

}
dt {
    /*font: 16px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
    /*background: #709927 url(/on/images/bg2.png) repeat-x center top
    */font-weight: bold;
    padding-left: 4px;
    vertical-align: top;
    text-transform: uppercase;
    text-align: right;
    width: 200px;
}

dd {
    /*margin-left: 17em;*/
    margin-top: -2em;
    vertical-align: top;
    padding-left: 220px;
    width: 500px;

}
.actionslink
{
    padding-right: 20px;
    padding-bottom: 15px;
    padding-top: 20px;
    text-align: right;
    font-size: 19px;
    font-weight: bold;
    color: #769d2c;
}
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.jurusan{
    height: 100px;
}
.spankiri{
    width :50%;
}
.spankanan{
    width :50%;
    text-align: right;
    position: relative;
}

.textalamat{
    height: 50px;
    width: 55%;
    font-size: 13px;
    color: #222;
    padding: 3px;
    text-align:top;
    vertical-align: middle;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-right: 0px;
    margin-left: 0px;
}

.logoutpelamar1{
    font-size: 16px;
    font-weight: bold;
    color: green;
    font-style: bold;
    margin-left: 620px;
    padding-bottom: 5px;
}
.logoutpelamar2{
    font-size: 16px;
    font-weight: bold;
    color: green;
    font-style: bold;
    margin-left: 320px;
    padding-bottom: 5px;
}
.logoutpelamar3{
    font-size: 16px;
    font-weight: bold;
    color: green;
    font-style: bold;
    margin-left: 470px;
    padding-bottom: 5px;
}
.logoutpelamar4{
    font-size: 16px;
    font-weight: bold;
    color: green;
    font-style: bold;
    margin-left: 460px;
    padding-bottom: 5px;
}
.need
{
    font-size: 10px;
    font-family: sans-serif;
    color: red;

}



/*sdi validate css*/



input.disabled {
    border: 1px solid #F2F2F2;
    background-color: #F2F2F2;
}

textarea {
    border: 1px solid #BBB;
}
input.validation-failed, textarea.validation-failed {
    border: 1px solid #FF3300;
    color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
    border: 1px solid #00CC00;
    color : #000;
}

.validation-advice {
    margin: 5px 0;
    padding: 5px;
    background-color: #FF3300;
    color : #FFF;
    font-weight: bold;
}

.custom-advice {
    margin: 5px 0;
    padding: 5px;
    background-color: #C8AA00;
    color : #FFF;
    font-weight: bold;
}

/*fieldset {
        padding: 1em;
        margin-bottom: 0.5em;
}*/

label {

}
.form-row {
    clear: both;
    padding: 0.5em;
}

.field-label {

}

.field-widget {

}

/** step dsb.. **/

.infostep{
    border:1px solid #e5e5e5;
    /*border-bottom:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;*/
    width:96%;
    margin:10px;
    padding: 5px;
    background: url('../images/step.png');
    background-repeat:  no-repeat;
    color: #3d3d3d;

}

.infostepright{
    margin-left: 150px;
}

.infostep a{
    text-decoration: underline;
}

#content h1, #content h2{
    color:#38aa4a;
    text-shadow: 2px 2px 0px #e5e5ee;
}
#content h1{
    text-align: center;
}

.optionalinfo{
    border:1px solid #e5e5e5;
    width:90%;
    margin: auto;
    height:70px;
    background:url('../images/optionalinfo.png');
    background-repeat: no-repeat;
    vertical-align: top;
    color: #90af31;
}

.optionalcontent{
    margin: auto;
    padding: 5px 10px 5px 5px;
    margin-left: 6em;
}
.stepe{
    text-indent: 20px;
    width:100px;
    float: left;
}

.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#buttonlink{
    padding-top: 5px;
}
#buttonlink a{
    border:3px solid rgba(0,0,0,0);
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size: 12px;
    padding: 2px;
    background-color: #258cd1;
    color: #fff;
}

#buttonlink a:hover{
    border:3px solid rgba(0,0,0,0);
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size: 12px;
    padding: 2px;
    margin-top: 5px;
    background-color: #555;
    color: #fff;
}

#btnLogin {
    line-height: 20px;
    border: 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    background-color: #75a31d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 25px;
    margin: 0px 7px 0px 0px;
    padding: 5px 8px 5px 8px;
    background-image: url(../../images/button_highlighter.png);
    background-repeat: repeat-x;
}
#btnLogin:hover {
    line-height: 20px;
    border: 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    background-color: #555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 25px;
    margin: 0px 7px 0px 0px;
    padding: 5px 8px 5px 8px;
    background-image: url(../../images/button_highlighter.png);
    background-repeat: repeat-x;
}

#daftar {
    width: 700px;
    float: left;
}

#daftar input,
#daftar select{
    padding: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #bbb;
}

#daftar td{
    padding: 3px;
    font-size: 12px;
    width: 150px;
}

#daftar .section{
    color: #75a31d;
    font-size: 16px;
    text-decoration: underline;
    padding-top: 40px;
    text-align: left;
}