/* general settings */
body { width: 100%; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #3d3db3 }
.body_mobile { width: 320px; margin:  0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #3d3db3 }

* { margin: 0; padding: 0; list-style-type: none }
input { border: 1px solid #8ea1e1; font-size: 12px; padding: 2px; color: #666666 }
select { border: 1px solid #8ea1e1; font-size: 12px; padding: 2px; color: #666666 }
textarea { border: 1px solid #8ea1e1; font-size: 12px; padding: 2px; color: #666666 }
a { text-decoration: none }
a:hover { text-decoration: underline }

/* general classes */
.navbar1 { background-color: #3d3db3; padding: 3px 5px; font-size: 16px; font-weight: bold; color: #ffffff; letter-spacing: 1px; }
.navbar1 a { color: #ffffff;}
.navbar2 { background-color: #8ea1e1; text-align: left; padding: 4px 5px; color: #ffffff }
.navbar2 a { color: #ffffff }
.navbar3 { background-color: #ff6100; padding: 3px 5px; font-size: 16px; font-weight: bold; color: #ffffff; letter-spacing: 1px }
.navbar3 a { color: #ffffff;}
.navbar4 { background-color: #f55200; padding: 3px; font-weight: bold; color: #ffffff }
.navbar4 a { color: #ffffff;}
.container1 { border: 1px solid #8ea1e1; border-top: none; background-color: #f3f5fc; padding: 8px 10px }
.container1 a { color: #3d3db3 }
.container1_ { border: 1px solid #8ea1e1; background-color: #f3f5fc; padding: 8px 10px }
.container1_ a { color: #3d3db3 }
.container1 span { color: #8ea1e1 }
.navbar1m { background-color: #3d3db3; padding: 3px 0px; font-size: 16px; font-weight: bold; color: #ffffff; letter-spacing: 1px; }
.navbar1m a { color: #ffffff;}
.navbar2m { background-color: #8ea1e1; text-align: left; padding: 4px 0px; color: #ffffff }
.navbar2m a { color: #ffffff }
.navbar3m { background-color: #ff6100; padding: 3px 0px; font-size: 16px; font-weight: bold; color: #ffffff; letter-spacing: 1px }
.navbar3m a { color: #ffffff;}
.navbar4m { background-color: #f55200; padding: 3px; font-weight: bold; color: #ffffff }
.navbar4m a { color: #ffffff;}
.container1m { border: 1px solid #8ea1e1; border-top: none; background-color: #f3f5fc; padding: 8px 0px }
.container1m a { color: #3d3db3 }
.container1m_ { border: 1px solid #8ea1e1; background-color: #f3f5fc; padding: 8px 0px }
.container1m_ a { color: #3d3db3 }
.container1m span { color: #8ea1e1 }

.line_height18 { line-height: 18px }
.line_height20 { line-height: 20px }
.pointer { cursor: pointer }
.bold { font-weight: bold }
.underline { text-decoration: underline }
.justify { text-align: justify }
.size11 { font-size: 11px }
.size12 { font-size: 12px }
.size14 { font-size: 14px }
.size16 { font-size: 16px }
.size20 { font-size: 20px }
.size26 { font-size: 26px }
.orange { color: #ff6100 !important }
a.link_big { color: #3d3db3; font-size: 20px; font-weight: bold }

/* top band */
.site { margin: 0px auto; width: 1000px }
.site_mobile { margin: auto; width: 100%; float: center; }
.logo { float: left }
.left_column { padding-right: 11px; width: 200px }
.left_column_mobile { padding-right: 0px; width: 100% }
.top_counts { position: absolute; list-style-type: none; margin: 55px 0px 0px 3px; font-size: 11px }
.top_counts li { float: left; text-align: center; padding-right: 15px; display: block }
.top_counts li span { display: block; font-size: 18px; font-weight: bold; letter-spacing: 1px }
.top_counts li span.first { color: #ff6100 }

.top_band { float: right; margin-top: 10px; width: 660px }
.top_band_mobile { float: right; margin-top: 10px; width: 100% }
.top_band_login { background-color: #8ea1e1; width: 45%; padding: 0px 8px; color: #ffffff; height: 79px; width: 295px; float: right }
.top_band_login input { border: none; width: 150px; margin: 2px 0px }
.top_band_login a { color: #ffffff; font-weight: bold }
.top_band_login a.big { font-size: 17px }
.top_band_sel { background-color: #8ea1e1; text-align: center; line-height: 22px; width: 140px; margin-left: 3px; float: right }
.top_band_sel a { display: block; color: #ffffff; font-size: 14px; font-weight: bold; height: 70px; padding-top: 9px }
.top_band_sel a span { color: #3d3db3; }
.top_band_add_pa { background-color: #ff6100; text-align: center; width: 227px; float: right; margin-left: 3px; padding-right:5px;padding-left:5px }
.top_band_add_pa_mobile { background-color: #ff6100; text-align: center; width: 100%; float: right; margin-left: 3px; padding-right:5px;padding-left:5px }
.top_band_add_pa a { display: block; color: #ffffff; font-size: 18px; font-weight: bold; height: 64px; padding-top: 15px }
.top_band_add_pa_mobile a { display: block; color: #ffffff; font-size: 18px; font-weight: bold; height: 64px; padding-top: 15px }

/* home */
.home_cat { font-size: 11px; padding-left: 10px }
.home_cat li { margin-bottom: 2px }
.home_cat li span { color: #9d9db9 }
.home_cat li a.mc { color: #3d3db3; font-weight: bold; text-decoration: underline }
.home_cat li a.cat { color: #333333 }

/* last pa list */
.last_pa_list { width: 137px; padding-left: 11px }
.last_pa_list_item { padding-bottom: 18px; font-size: 11px }
.last_pa_list_item a { color: #3d3db3; font-weight: bold }
.last_pa_list_item div { color: #333333; font-weight: normal; font-size: 10px }
.last_pa_list_item span { color: #8ea1e1; font-weight: normal; text-decoration: underline }
.right_banner { padding-left: 11px }

/* search form */
.search_form p { padding-bottom: 2px }
.search_form select { width: 186px }
.search_form input { width: 178px }

/* pa list */
.pa_list_on { background-color: #f3f5fc }
.pa_list a { color: #3d3db3 }
.pa_list .text { color: #333333 }
.pa_list a.city { color: #8ea1e1 }
.pa_list_sep { background-color: #3d3db3; margin: 7px 0px }
.pa_list_img { border: 1px solid #3d3db3; background-color: #f3f5fc; padding: 5px; width: 350px; font-size: 11px }
.pa_list_payed { background-color: #FFC4C1 }

/* pa list mobile*/
.pa_listm_on { background-color: #f3f5fc }
.pa_list a { color: #3d3db3 }
.pa_listm .text { color: #333333 }
.pa_listm a.city { color: #8ea1e1 }
.pa_listm_sep { background-color: #3d3db3; margin: 7px 0px }
.pa_listm_img { border: 1px solid #3d3db3; background-color: #f3f5fc; padding: 5px; width: 320px; font-size: 11px }
.pa_listm_payed { background-color: #FFC4C1 }

/* footer */
.footer_sep { height: 1px; background-color: #8ea1e1; border-bottom: 4px solid #f3f5fc; border-top: 4px solid #f3f5fc }
.footer_lang { margin-top: 3px }
.footer_lang td { background-color: #f3f5fc; border: 1px solid #95a7e3; padding: 3px; text-align: center; font-size: 11px; }
.footer_lang td img { margin-bottom: 5px }
.footer_lang td a { color: #3d3db3 }
.footer_link { color: #999999; font-size: 11px; text-align: center; padding-top: 10px }
.footer_link a { color: #999999 }

/* pa detail */
.pa_detail span { color: #8ea1e1 }
.pa_detail_map { border: 1px solid #3d3db3 }

/* note support */
#note_member { height: 21px; width: 110px; cursor: pointer }
#note_member span { display: block; width: 22px; height: 21px; float: left; cursor: pointer }
.note_member { background: url(/images/vers/note_member_big.gif) no-repeat }
.note_member1 { background: url(/images/vers/note_member_big1.gif) no-repeat }
.note_member2 { background: url(/images/vers/note_member_big2.gif) no-repeat }
.note_member3 { background: url(/images/vers/note_member_big3.gif) no-repeat }
.note_member4 { background: url(/images/vers/note_member_big4.gif) no-repeat }
.note_member5 { background: url(/images/vers/note_member_big5.gif) no-repeat }

#note_pa { height: 18px; width: 110px; cursor: pointer }
#note_pa span { display: block; width: 22px; height: 21px; float: left; cursor: pointer }
.note_pa { background: url(/images/vers/note_pa_big.gif) no-repeat }
.note_pa1 { background: url(/images/vers/note_pa_big1.gif) no-repeat }
.note_pa2 { background: url(/images/vers/note_pa_big2.gif) no-repeat }
.note_pa3 { background: url(/images/vers/note_pa_big3.gif) no-repeat }
.note_pa4 { background: url(/images/vers/note_pa_big4.gif) no-repeat }
.note_pa5 { background: url(/images/vers/note_pa_big5.gif) no-repeat }

/* paging */
.paging { border-bottom: 1px solid #8ea1e1; border-top: 1px solid #8ea1e1; padding: 1px 0px }
.paging table { background-color: #f3f5fc; height: 22px }
.paging table a { color: #3d3db3 }
.paging_curr { color: #ff6100; font-weight: bold }
.paging_back_next { text-decoration: underline }

/* pa add */
.progress_bar { padding: 8px 0px }
.progress_bar .bd1 { position: absolute; border: 1px solid #3d3db3; height: 20px; width: 1000px }
.progress_bar .bd2 { position: absolute; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; height: 18px; width: 996px }
.progress_bar .bg1 { background-color: #8ea1e1; margin: 3px 0px }
.progress_bar #step_div { background-color: #3d3db3; height: 16px }
#geo_tab { line-height: 18px; font-size: 13px }
#geo_tab u { color: #8ea1e1; line-height: 18px; font-size: 13px }
#geo_tab select { color: #333333; line-height: 18px; font-size: 13px }
#geo_tab a { color: #3d3db3 }
#cat_tab { line-height: 18px; font-size: 13px }
#cat_tab u { color: #8ea1e1; line-height: 18px; font-size: 13px }
#cat_tab a { color: #333333; }
.cal_header { ; font-weight: bold }
.cal_state_yes { color: #3d3db3 }
.cal_state_no { color: #ff6600 }
.cal_state_na { color: #8ea1e1 }

/* pop-up div */
#popup_div { position: absolute; border: 1px solid #8ea1e1; width: 550px; z-index: 1002; background: #f3f5fc url(/images/spacer.gif) }
#popup_div span { color: #ff6100 }
#popup_div .title { background-color: #3d3db3; padding: 3px 5px; font-size: 13px; font-weight: bold; color: #ffffff; letter-spacing: 1px; border-bottom: 1px solid #8ea1e1; }
.popup_div_handle { cursor: move }
.popup_div_button { padding-top: 10px; text-align: right }
.popup_div_button a { color: #3d3db3; font-size: 20px; font-weight: bold }
#popup_div_mask { position:absolute; top: 0px; left: 0px; display:none; z-index:1001; background-color : #000000; -moz-opacity:0.3; opacity: 0.3; filter:alpha(opacity=30); }

/* alert creation */
.alert_section { color: #8ea1e1 }
.alert_section a { color: #3d3db3 }

.no_pas { color: #ff6600; text-align: center }
.no_pas a { color: #ff6600; text-decoration: underline }

/* blogging */
.widget_white { width: 23px; height: 17px; border: 1px solid #8ea1e1; background-color: #ffffff }
.widget_blue { width: 23px; height: 17px; border: 1px solid #8ea1e1; background-color: #3d3db3 }
.widget_green { width: 23px; height: 17px; border: 1px solid #8ea1e1; background-color: #9ca73c }
.widget_gray { width: 23px; height: 17px; border: 1px solid #8ea1e1; background-color: #f2f2f2 }
.widget_lblue { width: 23px; height: 17px; border: 1px solid #8ea1e1; background-color: #8ea1e1 }
.widget_rose { width: 23px; height: 17px; border: 1px solid #8ea1e1; background-color: #d8394b }

/* tooltip */
#tooltip { margin: 5px; background-color: #f3f5fc; position:absolute; border: 1px solid #8ea1e1; padding: 2px 5px }

/* shadow support */
.blur{
	background: url(/images/vers/shadow1.png);
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}
.shadow, .content{ position: relative; bottom: 2px; right: 2px }
.shadow { background: url(/images/vers/shadow2.png) }

.clr { clear: both }

/* notify div */
#notify { padding:10px; background-color:#f3f5fc; border:1px solid #8ea1e1; display:none; position:absolute; z-index:1003; width:300px }

/* script.aculo.us autocompleter */
div.autocomplete {
	position:absolute;
	width:200px;
   background-color:#ffffff;
   border:1px solid #888;
   margin:0px;
   padding:0px;
	text-align: left;
}
div.autocomplete ul {
   list-style-type:none;
   margin:0px;
   padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
	font-weight: normal;
   list-style-type:none;
   display:block;
   margin:0;
   padding:2px;
   cursor:pointer;
	text-align: left;
}

/* tags */
.tag1 {font-size:10px; font-weight:normal}
.tag2 {font-size:10px; font-weight:bold}
.tag3 {font-size:12px; font-weight:bold}
.tag4 {font-size:13px; font-weight:bold}
.tag5 {font-size:14px; font-weight:bold}
.tag6 {font-size:15px; font-weight:bold}
.tag7 {font-size:16px; font-weight:bold}
.tag8 {font-size:17px; font-weight:bold}

/* form left div */
.divform1 { float: left; width:100%; padding-top:5px;}
.divform2 { float: left; width:100%; padding-top:5px;}
/* form left div mobile */
.divform1m { float: left; width:30%; padding-top:15px;}
.divform2m { float: right; width:65%; padding-top:15px; padding-left:5px}