@import url(styles.reset.css);

/* url(http://a.datepad.com/_images/layout/blue_orb.jpg) top left no-repeat; */ 
html { background:#006498; font-family:Arial, Helvetica, sans-serif; color:#444; font-size:12px; }
body { background:#006498; }

h1, .h1 { font-size:22px; font-weight:normal; margin-bottom:15px; letter-spacing:-1px; }
h2, .h2 { font-size:16px; font-weight:normal; margin-bottom:15px; color:#006498; }
h3, .h3 { font-size:14px; font-weight:normal; margin-bottom:15px; }
h4, .h4 { font-size:14px; font-weight:normal; margin-bottom:10px; color:#999; }
h5 {}
h6 {}

.text_highlight {  font-weight:bold; background:#cceeff; padding:0 5px; }
.text_highlight span { padding:0; }

/* Title Sprites */
.t_sprite { padding-left:40px; line-height:32px; background-position:left center; background-repeat:no-repeat;  }
.t_sprite.image { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/image.png); }
.t_sprite.add_image { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/add_image.png); }
.t_sprite.delete_image { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/delete_image.png); }
.t_sprite.image_accept { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/image_accept.png); }
.t_sprite.search_image { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/search_image.png); }
.t_sprite.add_to_favorites { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/add_to_favorites.png); }
.t_sprite.user_heart { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/user_heart.png); }
.t_sprite.block { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/block.png); }
.t_sprite.mail { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/mail.png); }
.t_sprite.mail_send { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/mail_send.png); }
.t_sprite.mail_lock { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/mail_lock.png); }
.t_sprite.mail_search { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/mail_search.png); }
.t_sprite.id_card { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/id_card.png); }
.t_sprite.light_bulb { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/light_bulb.png); }
.t_sprite.full_page { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/full_page.png); }
.t_sprite.cloud_comment { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/cloud_comment.png); }
.t_sprite.comment { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/comment.png); }
.t_sprite.search { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/search.png); }
.t_sprite.lock { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/lock.png); }
.t_sprite.help { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/help.png); }
.t_sprite.info { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/info.png); }
.t_sprite.report { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/report.png); }
.t_sprite.cloud_comment { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/cloud_comment.png); }
.t_sprite.promotion { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/promotion.png); }
.t_sprite.process { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/process.png); }
.t_sprite.new { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/new.png); }
.t_sprite.users_comments { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/users_comments.png); }
.t_sprite.favorite { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/favorite.png); }
.t_sprite.user_comment { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/user_comment.png); }
.t_sprite.add_user { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/add_user.png); }
.t_sprite.delete_user { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/delete_user.png); }
.t_sprite.user_accept { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/user_accept.png); }
.t_sprite.search_user { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/search_user.png); }
.t_sprite.user { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/user.png); }
.t_sprite.users_comments { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/users_comments.png); }
.t_sprite.users { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/users.png); }
.t_sprite.trash_can { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/trash_can.png); }
.t_sprite.edit_page { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/edit_page.png); }
.t_sprite.text_page { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/text_page.png); }
.t_sprite.add_page { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/add_page.png); }
.t_sprite.add_to_folder { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/add_to_folder.png); }
.t_sprite.folder_full { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/folder_full.png); }
.t_sprite.dpheart { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/heart.png); }
.t_sprite.red_heart { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/red_heart.png); }
.t_sprite.male_female_users_comments { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/male_female_users_comments.png); }
.t_sprite.refresh { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/refresh.png); }
.t_sprite.comments { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/comments.png); }
.t_sprite.globe { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/globe.png); }
.t_sprite.fb { background-image:url(http://a.datepad.com/_images/icons/other/facebook_32.png); }
.t_sprite.tablet { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/tablet.png); }
.t_sprite.calendar { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/calendar.png); }
.t_sprite.add { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/add.png); }
.t_sprite.chart { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/chart.png); }
.t_sprite.edit { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/edit.png); }
.t_sprite.package { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/package.png); }
.t_sprite.package_add { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/package_add.png); }
.t_sprite.gift { background-image:url(http://a.datepad.com/_images/icons/other/gift.png); }
.t_sprite.dollar_currency_sign { background-image:url(http://a.datepad.com/_images/icons/cq/32x32/dollar_currency_sign.png); }






/* Match */
.heart { width:150px; height:30px; background: url(http://a.datepad.com/_images/profile/hearts.png) top left repeat-x; }
.heart .match { height: 30px; text-indent: -9000px; display: block; z-index: 1; background: url(http://a.datepad.com/_images/profile/hearts.png) left bottom; }
.big-heart, .big-heart-disabled { float:right; width:75px; height:66px; background:url(http://a.datepad.com/_images/profile/heart.png) top left no-repeat; color:#fff; text-align:center; line-height:60px; font-size:20px; margin-bottom:10px; font-weight:bold; }
.big-heart span { font-size:14px; font-weight:normal; }
.big-heart-disabled { background:url(http://a.datepad.com/_images/profile/heart_disabled.png) top left no-repeat #fff; color:#d60e8a; }

/* Pad Actions */
.pad_action_b { width:180px; height:60px; float:left; margin-right:24px; }
.pad_action_b a { width:180px; height:60px; display:block; }

.pad_action_b a.pa_g_b { background:url(http://a.datepad.com/_images/sprites/sprite_gift_big.png) top center no-repeat; }
.pad_action_b a.pa_g_b:hover { background:url(http://a.datepad.com/_images/sprites/sprite_gift_big.png) bottom center no-repeat; }


.pad_action { width:120px; height:40px; float:left; margin-right:24px; }
.pad_action a { width:120px; height:40px; display:block; }

.pad_action a.pa_m { background:url(http://a.datepad.com/_images/sprites/sprite_message.png) top center no-repeat; }
.pad_action a.pa_m:hover { background:url(http://a.datepad.com/_images/sprites/sprite_message.png) bottom center no-repeat; }

.pad_action a.pa_g { background:url(http://a.datepad.com/_images/sprites/sprite_gift.png) top center no-repeat; }
.pad_action a.pa_g:hover { background:url(http://a.datepad.com/_images/sprites/sprite_gift.png) bottom center no-repeat; }

.pad_action a.pa_n { background:url(http://a.datepad.com/_images/sprites/sprite_nudge.png) top center no-repeat; }
.pad_action a.pa_n:hover { background:url(http://a.datepad.com/_images/sprites/sprite_nudge.png) bottom center no-repeat; }

.pad_action a.pa_f { background:url(http://a.datepad.com/_images/sprites/sprite_favorite.png) top center no-repeat; }
.pad_action a.pa_f:hover { background:url(http://a.datepad.com/_images/sprites/sprite_favorite.png) bottom center no-repeat; }


/* Forums */
.forum_section {margin-bottom:20px; border:1px solid #ddd; border-bottom:0; }
.forum_row { clear:both; border-bottom:1px solid #ddd;}
.forum_row .td { float:left; padding:15px; font-size:12px; }
.forum_row .th { padding:15px; font-size:18px;  background:#efefef; line-height:30px; }
.forum_row .sub { padding:15px; font-size:11px; text-transform:uppercase; color:#999; }
.forum_row .row_a { width:260px; }
.forum_row .row_b { width:50px; }
.forum_row .row_c { width:50px; }
.forum_row .row_d { width:168px; }

.forum_row .row_x { width:175px; }
.forum_row .row_y { width:415px; padding-right:0;}


.forum_row .td .h2 { margin-bottom:5px; }
.forum_row .td p { padding:0; margin:0; }

.forum_row .row_y p { margin-bottom:15px; }

.forum_row .center { text-align:center; }
.forum_thumb { width:60px; height:60px; margin-top:2px; float:left; margin-right:8px; }
.forum_icons { float:right; margin-bottom:5px; }


/* Meter */
.meter-wrap { position: relative; margin-bottom:5px; }
.meter-wrap, .meter-value, .meter-text { width: 380px; height: 30px; }
.meter-wrap, .meter-value { background: #bdbdbd url(http://a.datepad.com/_images/sprites/progress.png) top left no-repeat; }
.meter-text { position: absolute; top:0; left:0; line-height:30px; font-weight:bold; color: #fff; text-align: center; }

/* Tables */
.table { }
.table .tr { clear:both; overflow:hidden; border-bottom:1px solid #ddd; }
.table .trh { clear:both; overflow:hidden; background:#51acdb; }
.table .th { font-weight:normal; float:left; font-size:14px; padding:5px 7px; height:20px; line-height:20px; color:#fff; }
.table .td { font-weight:normal; float:left; font-size:11px; padding:5px 7px; height:20px; line-height:20px; }
.table .a { background:#fff; }
.table .b { background:#fff; }
.table .r { float:right; }
.table .sub { font-size:11px; text-transform:uppercase; color:#999; }
.table .tac { text-align:center; }
.table .tar { text-align:right; }
.table .online { background-color:#d9ffbe; color:#479534; }
.table .online a { color:#479534; }
.table .del { background-color:#ffe2e2; color:#b43b3b; }
.table .del a { color:#b43b3b; }
.table .spam { background-color:#fff4d0; color:#a58825; }
.table .spam a { color:#a58825; }
.table .grey { color:#aaa; }
.table .grey a { color:#aaa; }

.table .action { float:right; margin-left:7px; margin-top:2px; }

.i_sprite { position:absolute; z-index:5000; background-repeat:none; background-position:top center; }
.i_sprite.main_photo { background-image:url(http://a.datepad.com/_images/profile/ol_main_photo.png); height:100px; width:100px;  margin-top:1px; }
.i_sprite.im_online { background-image:url(http://a.datepad.com/_images/sprites/ol_online.png); height:20px; width:90px; cursor:pointer; }
.i_sprite.im_online_large { background-image:url(http://a.datepad.com/_images/sprites/ol_online_large.png);height:20px; width:200px; margin:10px 0 0 10px; }
.i_sprite.im_online_forums { background-image:url(http://a.datepad.com/_images/sprites/ol_online_forums.png); height:14px; width:60px; margin-top:2px; }

.icon_24_v { margin-bottom:10px; width:24px; height:24px; }
.t_icon { cursor:help; margin-top:2px; float:left; margin-right:8px; width:16px; height:16px; }

.com_req_icon { float:left; padding-top:1px; margin-right:15px; height:25px; }

a { color:#e25892; text-decoration:none; }
a:hover, a:active { color:#d3266e; }

p { line-height:25px; margin-bottom:18px; font-size:12px; }

strong { font-weight: bold; }



ol { line-height:18px; margin-left:25px; list-style-position:outside; margin-bottom:15px;  }
ol li {  margin-bottom:10px; list-style-type:lower-alpha; }
ol li ol li { list-style-type:lower-roman; }

ul.ul { line-height:18px; margin-left:25px; list-style-position:outside; margin-bottom:15px;  }
ul.ul li {  margin-bottom:5px; list-style-type:square; }
ul.ul li ul.ul li { list-style-type:circle; }

.c_left { float:left; width:650px; padding:15px 15px 25px; }
.c_full { width:940px; padding:15px; }
.c_right { float:right; width:250px; background:url(http://a.datepad.com/_images/layout/column_cap.png) top center no-repeat; margin-top:-50px; padding:15px; }

.c_photo { width:35px; height:35px; margin-right:10px; background:#076a9e; float:left; }

.sub_menu { background:#efefef; padding:10px 15px; color:#666; overflow:hidden; line-height:21px; }
.sub_menu ul li { list-style-type:none; float:left; margin-right:25px; }
.sub_menu ul li a { text-decoration:none; }
.sub_menu ul li a:hover { }
.sub_menu.short { width:645px; }
.sub_menu span { line-height:20px; font-size:14px; color:#666; }

.wrap { width:1000px; margin:0 auto; overflow:hidden;  }
.middle_w { background:#fff; padding:15px; }

/* Header Elements */
.header { width:1000px; font-size:16px; font-weight:normal; color:#fff; margin-top:15px; }
.header a { color:#fff; text-decoration:none; }
.header a:hover,.header a:active { color:#ddd; }

.header .pad_photo { background:url(http://a.datepad.com/_images/layout/photo_bg_blue.png) top center no-repeat; width:50px; height:50px; padding:5px; text-align:center; float:right; margin-bottom:10px; margin-right:15px; }
.header .pad_photo img { width:50px; height:50px; border:0; margin:0; padding:0; }

.header .pad_complete { background:url(http://a.datepad.com/_images/layout/pad_complete_bg_blue.png) top center no-repeat; cursor:pointer; height:60px; width:120px; float:right; margin-bottom:10px; margin-right:10px; text-align:center;  }
.header .pad_complete.g { }
.header .pad_complete.y { }
.header .pad_complete.o { }
.header .pad_complete.r { }

.header .logo { margin-left:18px; margin-top:25px; float:left; margin-bottom:35px; }
.header .logo_christmas { margin-left:18px; margin-top:0px; float:left; margin-bottom:0px; }
.header .logo_vday { margin-left:18px; margin-top:25px; float:left; margin-bottom:0px; width:200px; }


/* Pads */
.pad_tab, .pad_tab_a { width:155px; height:40px; background:#64951f url(http://a.datepad.com/_images/sprites/sprite_pad_tab.png) top center no-repeat; margin-right:10px; float:left; font-size:16px; font-weight:normal; color:#ffffff; text-align:center; line-height:40px; }
.pad_tab:hover {  background:url(http://a.datepad.com/_images/sprites/sprite_pad_tab.png) bottom center no-repeat; }
.pad_tab_a { background:#64951f url(http://a.datepad.com/_images/sprites/sprite_pad_tab.png) top left no-repeat; color:#fff; font-weight:bold; }
.pad_tab a { color:#fff; }
.pad_tab a:hover { color:#cfff8c; }


.pad_cont { border:1px solid #ddd; padding:20px; margin-bottom:20px; background:#efefef; }
.pad_box { border:1px solid #ddd; padding:20px; padding-bottom:0; margin-bottom:20px; background:#fff; }

.round { border:0; }

.st_title { float:left; width:140px; margin-bottom:8px; font-weight:normal; color:#006498; }
.st_item { float:left; width:125px; margin-bottom:8px; text-align:right; }
.st_col { float:left; width:265px; margin-bottom:10px; }


.ad_leaderboard { margin:0 auto 20px; width:728px; }
.ad_leaderboard_header { float:right; margin-bottom:15px; margin-right:15px; }


/* Top Bar */
.tbar_wrap { background:#51acdb; }
.tbar { background:#51acdb; width:980px; margin:0 auto; padding:10px; }
.tbar a { color:#caedff; }
.tbar a:hover { color:#ffffff; }

/* A Styles */
.tbar .admin { width:400px; float:left; color:#fff;  }
.tbar .inner { margin-top:10px; display:none; color:#fff;  }
.tbar .admin #admin_toggle_display { cursor:pointer; color:#caedff; }
.tbar .admin #admin_toggle_display:hover { cursor:pointer; color:#ffffff; }

.tbar .login_information {width:400px; float:right; text-align:right; font-size:12px; color:#fff; }
.tbar .login_information div { float:right; margin-right:10px; }
.tbar .login_information a.l { padding:0 5px; }

/* Facebook */
.login_information a.fb-login { line-height:11px; background:url(http://a.datepad.com/_images/facebook/facebook-login.gif) 0 50% no-repeat; padding:1px 0 2px 18px; color:#ffffff; font-weight:normal; *border-right:1px solid #000; margin-left:5px; }
.login_information a.fb-login span { background:url(http://a.datepad.com/_images/facebook/facebook-login.gif) 100% 50% no-repeat; padding:1px 4px 2px 0; color:#ffffff; font-weight:normal; *padding-bottom:1px; }
.login_information a.fb-login:hover { text-decoration:none; }

.admin_header { width:400px; float:right; text-align:right; font-size:12px; color:#fff; height:100px; line-height:100px; margin-right:15px; }


.metric_bar { border:1px solid #51acdb; width:92px; height:70px; text-align:center; color:#ccc; float:left; margin-right:15px; marbin-bottom:10px; padding-top:20px; }
.metric_bar span { font-size:26px; letter-spacing:-1px; line-height:25px; color:#fff; }


/*
.photo_example { width:175px; height:175px; border:0; }
.photo_box { float:left; border:1px solid #ddd; margin-bottom:10px; height:100px; width:100px; background:#efefef; width:297px; padding:10px; }
.photo_box img.photo { width:100px; height:100px; margin-right:10px; }
.photo_box textarea { height:88px; border:1px solid #ccc; width:140px; margin-top:1px; font-size:11px; color:#999; padding:5px; margin-right:10px; }
.photo_box .photo_icons { width:24px; float:right; }
*/
.photo_example { width:175px; height:175px; border:0; }
.photo_box { float:left; border:1px solid #ddd; margin-bottom:10px; height:100px; width:100px; background:#efefef; width:297px; padding:10px; }
.photo_box img.photo { width:100px; height:100px; margin-right:10px; float:left; }
.photo_box textarea { height:88px; border:1px solid #ccc; width:140px; font-size:11px; color:#999; padding:5px; margin-right:10px; float:left; }
.photo_box .photo_icons { width:24px; float:right; }

.photo_bg_s_male { float:right; background:url(http://a.datepad.com/_images/sprites/photo_bg_male_s.png) no-repeat; width:90px; height:90px; padding:5px; margin-bottom:20px; }
.photo_bg_s_female { float:right; background:url(http://a.datepad.com/_images/sprites/photo_bg_female_s.png) no-repeat; width:90px; height:90px; padding:5px; margin-bottom:20px; }

.photo_bg_m_male { float:left; background:url(http://a.datepad.com/_images/sprites/photo_bg_male_m.png) no-repeat; width:150px; height:150px; padding:8px;}
.photo_bg_m_female { float:left; background:url(http://a.datepad.com/_images/sprites/photo_bg_female_m.png) no-repeat; width:150px; height:150px; padding:8px; }


.photo_bg_male { float:left; margin-right:20px; background:url(http://a.datepad.com/_images/sprites/photo_bg_male.png); width:200px; height:200px; padding:10px; }
.photo_bg_female { float:left; margin-right:20px; background:url(http://a.datepad.com/_images/sprites/photo_bg_female.png); width:200px; height:200px; padding:10px; }

.legal p { text-align:justify; }
.legal .h2 { text-align:justify; }

.menu_search_full { float:right; text-align:right; width:218px; color:#fff; font-weight:normal; padding:0 10px; font-size:14px; line-height:32px; margin-right:3px; }
.menu_search { float:left; text-align:right; width:218px; color:#fff; font-weight:normal; padding:0 10px; font-size:14px; line-height:32px; }
input.sb { width:150px; margin-left:10px; height:18px; padding:3px; font-size:14px; border:1px solid #2d85b2; color:#999; margin-top:3px; }



/* Messages */
.message { border:1px solid #ccc; background:#efefef; padding:10px; text-align:center; margin-bottom:15px; clear:both; }
.message.notices { border-color:#dfd135; background:#fffbd0; }
.message.error { border-color:#a7211a; background:#ffe5ea; color:#a7211a; }
.message.info { border-color:#ccc; background:#efefef; }

.footer_top { background:#001f2f url(http://a.datepad.com/_images/layout/footer_bg_blue.png) top left repeat-x; color:#efefef; margin:0 auto; width:1000px; text-align:center; padding:15px 0; }

.footer { background:#001f2f url(http://a.datepad.com/_images/layout/footer_bg_blue.png) top left repeat-x; color:#efefef; padding:15px; padding-bottom:10px; height:120px; width:970px; margin:0 auto 15px; }
.footer .box_a { width:190px; float:left; margin-right:5px; }
.footer .box_b { width:190px; float:left; text-align:right; }
.footer .copyright { font-size:11px; margin-bottom:20px; }
.footer a { color:#fff; text-decoration:none; } 
.footer a:hover { color:#ccc; }
.footer .h2 { font-size:12px; font-weight:bold; margin-bottom:5px; color:#9fdaf9 }

.menu { overflow:hidden; background:#51acdb; color:#efefef; padding:0px 15px; }

.clear { clear:both; }
.f_left { float:left; }
.f_right { float:right; }
.i_left { float:left; margin-top:3px; margin-right:15px; margin-bottom:15px; }
.i_right { float:right; }

.c_tab_pink { height:30px; padding-left:10px; line-height:30px; text-align:left; font-size:14px; font-weight:normal; color:#fff; background:url(http://a.datepad.com/_images/column/c_tab_pink.png) top center no-repeat; }
.c_tab_p_holder { padding:15px; border:1px solid #ddd; border-top:0; margin-bottom:15px; }

/* Forms
.form { }
.form legend { color:#444; *margin-left:-7px; font-size:16px; font-weight:bold; }
.form fieldset { border:1px solid #ccc; padding:20px; margin-bottom:15px; }
.form fieldset div { overflow:hidden; display:inline-block; margin-bottom:10px; }
.form fieldset div { display:block; }
.form fieldset div label { float:left; width:170px; font-size:12px; line-height:23px; font-weight:bold; }
.form fieldset div input { font-size:12px; padding:3px; color:#666; }
.form fieldset div input.text { width:225px; }
.form fieldset div input:hover { }
.form a.right { float:right; }
.form a.left { float:left; }
*/

/* FORMS */
form { margin:0; padding:0; }
.form { margin:0; }
.form ul { margin:0; padding:0; list-style-type:none;  }
.form li { margin:0; padding:1px 0px; position:relative; overflow:hidden; margin-bottom:0px; }
* html .form li, * html .form .buttons { height:1%; }
.form li, .form .buttons { display:block; }
.form li span { float:left; padding-bottom: 2px; margin-bottom:0; }
.form li div, .form li span { margin:0 4px 0 0; padding:0 0 8px 0; color:#444;}
.form li label { font-weight:bold; height:23px; line-height:21px; display:block; font-size:1em;}
.form li div label, .form li div label b, .form li span label, .form li span label b { margin:0; padding-top:4px; clear:both; font-size:0.9em; line-height:14px; color:#999; font-weight:normal; display:block; }
.form li span label b { float:right; font-size:12px; margin-top:-5px; line-height:14px; }

.form .fshort {  width:640px; }
.form .xlong {  width:450px; }
.form .long { width:300px; }
.form .dlong { width:321px; }
.form .med { width:220px; }
.form .double { width:154px; }
.form .doublet { width:149px; }
.form .short { width:140px; }
.form .tiny { width:60px; }

.form input.text, .form input.file, .form textarea.textarea, .form select.select { margin:0; color:#666; font:13px Arial,sans-serif; clear:both; }
.form input.text, .form select.select { border:1px solid #999; background:#fff; margin-top:3px; height:20px; line-height:25px; font:13px Arial,sans-serif; }
.form input.text, .form input.file, .form textarea.textarea, select.select { padding:4px 0 3px 4px; font:13px Arial,sans-serif; }
.form textarea.textarea { border:1px solid #999; background:#fff; margin-top:3px; }
.form input.file { font:13px Arial,sans-serif; }

.form .highlight { font-weight:bold; }
.form input.currency {text-align:right; }
.form textarea.textarea {}
.form input.checkbox, input.radio { line-height:1.4em; margin:6px 0 0 3px; width:13px; height:13px; }
.form input.submit, .form input.button { width:220px; height:40px;  }
.form select.select {margin:3px 0 0; padding:5px 0 4px 3px; font:13px Arial,sans-serif; height:29px; letter-spacing:0; color:#666;}
.form input.button_small { width:100px; height:40px; margin-left:10px; color:#999; }

.form_cond { }
.form_cond li {margin-bottom:0px; }
.form_cond li label { font-weight:bold; height:16px; line-height:16px; display:block; font-size:1em;}
.form_cond input.submit, .form_cond input.button { width:245px; height:40px; margin:0; }
.form_cond textarea.textarea {font-size:1em; }

.form_check { float:right; }
.form_check_text { float:left; font-weight:bold; clear:left; color:#a7211a; margin-top:-15px; margin-bottom:15px; }


/* Fancy Form */
.check { margin-bottom:20px; overflow:hidden; clear:both; }
.check label { display:block; padding:10px; padding-left:32px; background-position:8px 10px; background-repeat:no-repeat; border:1px solid #999; clear:both; cursor:pointer; font-size:12px; color:#333; font-weight:normal; margin-bottom:5px; }
.check .checked { background-color:#cbe8f7; background-image:url(http://a.datepad.com/_images/forms/chk_on.png); color:#006498; border-color:#006498; }
.check .unchecked { background-color:#fff; background-image:url(http://a.datepad.com/_images/forms/chk_off.png); }
.check .selected { background-color:#cbe8f7; background-image:url(http://a.datepad.com/_images/forms/rdo_on.png); color:#006498; }
.check .unselected { background-color:#fff; background-image:url(http://a.datepad.com/_images/forms/rdo_off.png); }
.check .check_l { float:left; clear:left; width:49%; margin-right:1%; }
.check .check_r { float:left; clear:right; width:50%; }

/* Pageination */
.pagination { margin-bottom:20px; font-size:0.9em; height:30px; line-height:30px; text-align:right; margin-top:20px; }
.page-left { float:left; margin-right:10px; font-size:11px; color:#999; }
.page-link { display:inline; margin-left:3px; }
.page-link a { padding:7px; background:#ddd; color:#555; text-decoration:none;  }
.page-link a:hover { background:#51acdb; color:#fff; text-decoration:none; border-bottom:0;  }
.page-on { display:inline; margin-left:3px; padding:6px; background:#51acdb; color:#fff; border:1px solid #51acdb; }
.page-dot { display:inline; margin-left:3px; padding:5px 2px; background:#fff; }

/* Sprites */
a.button { width:195px; height:30px; text-align:center; line-height:30px; font-size:12px; font-weight:normal; display:block; text-decoration:none; }
a.button img { float:left; margin-top:4px; margin-left:5px; margin-right:-24px; }
a.button:hover { }
a.pink { background:url(http://a.datepad.com/_images/sprites/sprite_pink_button.png) top center no-repeat; color:#fff; }
a.pink:hover { color:#fff; background:url(http://a.datepad.com/_images/sprites/sprite_pink_button.png) bottom center no-repeat; }
a.grey { background:url(http://a.datepad.com/_images/sprites/sprite_grey_button.png) top center no-repeat; color:#fff; }
a.grey:hover { color:#666; background:url(http://a.datepad.com/_images/sprites/sprite_grey_button.png) bottom center no-repeat; }
a.blue { background:url(http://a.datepad.com/_images/sprites/sprite_blue_button.png) top center no-repeat; color:#fff; }
a.blue:hover { color:#fff; background:url(http://a.datepad.com/_images/sprites/sprite_blue_button.png) bottom center no-repeat; }


a.button_s { width:100px; height:30px; text-align:center; line-height:30px; font-size:12px; font-weight:normal; display:block; text-decoration:none; }
a.button_s img { float:left; margin-top:4px; margin-left:5px; margin-right:-24px; }
a.grey_s { background:url(http://a.datepad.com/_images/sprites/sprite_grey_button_s.png) top center no-repeat; color:#fff; }
a.grey_s:hover { color:#666; background:url(http://a.datepad.com/_images/sprites/sprite_grey_button_s.png) bottom center no-repeat; }

a.blue_s { background:url(http://a.datepad.com/_images/sprites/sprite_blue_button_s.png) top center no-repeat; color:#fff; }
a.blue_s:hover { color:#fff; background:url(http://a.datepad.com/_images/sprites/sprite_blue_button_s.png) bottom center no-repeat; }

/* Search */
.search_box { width:133px; margin-right:10px; margin-bottom:10px; float:left; }
.search_label { height:18px; font-weight:bold; }

/* Survey */
.survey_box { width:630px; height:60px; line-height:60px; text-align:right; padding-right:20px; color:#fff; font-size:18px; background:url(http://a.datepad.com/_images/match/survey_bg.png) top left no-repeat; margin-bottom:10px; }
.survey_active {  background:url(http://a.datepad.com/_images/match/survey_bg_active.png) top left no-repeat; }
.survey_box img { float:left; }

.survey_completed { margin:20px auto; width:480px; border:1px solid #ddd; background:#efefef; padding:10px; text-align:center; }

.survey_check { float:left; width:50px; padding-left:20px; display:block; text-align:center; }
.survey_check input { padding:0; margin:0; margin-top:3px; }
.survey_answer { float:left; width:535px; text-align:left; margin-top:4px; line-height:20px; }
.survey li label { font-weight:bold; line-height:20px; display:block; margin-bottom:10px; margin-top:25px; }

/* Ajax */
.ajax_load { background-image:url(http://a.datepad.com/_images/sprites/ajax.gif); background-color:#fff; background-position:center; background-repeat:no-repeat; padding-top:28px; padding-bottom:27px; }
.ajax_l { background-image:url(http://a.datepad.com/_images/sprites/ajax_l.gif); background-repeat:no-repeat; background-color:#fff; background-position:center; width:24px; height:24px; }

.tip { width:295px; font-family:tahoma,arial; background:url(http://a.datepad.com/_images/tooltips/tip-text.png) left top repeat-y; }
.tip-top { background:url(http://a.datepad.com/_images/tooltips/tip-top.png) top left no-repeat; height:26px; width:295px; }
.tip-title { color:#e95e25; font-weight:bold; margin:0 30px 0 50px; }
.tip-text { color:#000; padding:10px 30px 20px 50px; }
.tip-bottom	{ background:url(http://a.datepad.com/_images/tooltips/tip-bottom.png) left bottom no-repeat; width:295px; height:81px; }

