* {
margin: 0;
padding: 0;
}
html{
overflow-y: scroll;
}
body {
background: #fff url('/images/body-bg.jpg') repeat-x;
font-family: Arial, sans-serif;
color: #333;
font-size: 14px;
padding-bottom: 30px;
}
.trafic_ro {
text-align: center;
margin-bottom: 25px;
}
/* ********************************************************* PAGINATION STYLE ************************************************************/
/* MESSAGES PAGINATION */
#messages_list_view .pagination, .search_friends_results .pagination, #last_joins_box .pagination{
height: 24px;
text-align: center;
font-weight:bold;
padding-top: 9px;
padding-right: 11px;
font-size: 9px;
}
#messages_list_view .pagination a, .search_friends_results .pagination a, #last_joins_box .pagination a {
border: 1px solid #ffcc99;
background: #fff;
color: #ff6600;
padding:3px 4px;
}
#messages_list_view .pagination a:hover, #messages_list_view .pagination a:focus, .search_friends_results .pagination a:hover, .search_friends_results .pagination a:focus {
background: #ff6600;
color: #fff;
}
#messages_list_view .current, .search_friends_results .current {
background: #ff6600;
border: 1px solid #ffcc99;
color: #fff;
padding: 3px 4px;
}
#messages_list_view .disabled, .search_friends_results .disabled {
background: #fff;
color: #888;
padding:3px 4px;
}
#messages_list_view .large_box_header_right .pagination, .box_bottom .pagination, .search_friends_results .large_box_header_right .pagination {
text-align: right;}
.messages_bottom_pagination {
float: right;
}
.messages_bottom_pagination .pagination {
padding-right: 0 !important;
}
/* PHOTO GALLERY PAGINATION */
#photo_large .pagination, #search_friends .pagination {
height: 24px;
text-align: center;
font-weight:bold;
padding-top: 12px;
padding-right: 10px;
font-size: 9px;
background: #EBF4FA;
border: 1px solid #CAD5CD;
margin: 0 17%;
margin-bottom: 10px;
}
#photo_large .pagination a, #search_friends .pagination a {
background: none;
border: none;
color: #3E8EB7;
padding:3px 4px;
}
#photo_large .pagination a:hover, #photo_large .pagination a:focus, #search_friends .pagination a:hover, #search_friends .pagination a:focus {
border: none;
background: #3E8EB7;
color: #fff;
}
#photo_large .current, #search_friends .current {
border: none;
background: #3E8EB7;
color: #fff;
padding: 3px 4px;
}
#photo_large .disabled, #search_friends .disabled {
border: none;
background: #fff;
color: #888;
padding:3px 4px;
}
.forum_pagination .pagination {
height: 24px;
text-align: center;
font-weight:bold;
padding-top: 9px;
padding-right: 11px;
font-size: 9px;
}
.forum_pagination a, #last_joins_box .pagination a {
border: 1px solid #8bb087;
background: #fff;
color: #7aa077;
padding:3px 4px;
}
.forum_pagination .pagination a:hover, .forum_pagination .pagination a:focus, #last_joins_box .pagination a:focus, #last_joins_box .pagination a:hover {
background: #8bb087;
color: #fff;
}
.current {
border: 1px solid #8bb087;
background: #8bb087;
color: #fff;
padding: 3px 4px;
}
.disabled {
border: 1px solid #babcba;
background: #fff;
color: #babcba;
padding:3px 4px;
}
/* ************************************************************ ERRORS STYLE ************************************************************ */
#errorExplanation {
color: red;
background: #F9E5E5;
padding: 8px;
border: 1px solid red;
}
#errorExplanation .error_header {
color: #ff3333 !important;
padding-left: 0 !important;
font-size: 17px;
margin-bottom: 5px;
}
#errorExplanation ol {
list-style-type: none;}
#errorExplanation ol li {
padding-bottom: 3px;}
#new_school #errorExplanation, #new_class #errorExplanation, #edit_class #errorExplanation {
margin-left: 10px;
margin-top: 5px;
width: 527px;
background: #ebf5d6;
color: #d32226 !important;
}
.photo_form #errorExplanation {
margin-left: 20px;
background: #ebf5d6;
color: #d32226 !important;
width: 369px;
}
#new_school #errorExplanation .error_header, #new_class #errorExplanation .error_header, .photo_form #errorExplanation .error_header, #edit_class #errorExplanation .error_header {
font-size: 14px;
color: #d32226 !important
}
#new_school #errorExplanation ol, #new_class #errorExplanation ol, .photo_form #errorExplanation ol, #edit_class #errorExplanation ol {
list-style-type: none;
padding: 3px;
font-size: 12px;
}
#new_city #errorExplanation {
margin-left: 10px;
margin-top: 5px;
width: 253px;
background: #ebf5d6;
color: #d32226 !important;
}
#new_city #errorExplanation .error_header {
font-size: 13px;
color: #d32226 !important
}
#new_city #errorExplanation ol {
list-style-type: none;
padding: 3px;
font-size: 12px;
}
.new_city_info {
width: 253px;
margin-left: 10px;
margin-top: 5px;
background: #edf8ed;
border: 1px solid #d6eb9a;
overflow: hidden;
font-size: 12px;
padding: 10px;
}
.fieldWithErrors, .fieldWithErrors label{
color: #ff3333 !important;
}
.fieldWithErrors input, .fieldWithErrors textarea {
border: 1px solid #dc4c4c;
}
.errorsBorder {
border: 1px solid #dc4c4c !important;
}
#invitation .flash {
width: 170px;
padding: 5px;
font-size: 11px;
color: #666;
margin: 5px 5px 5px 1px;
}
.invitation_header {
font-size: 14px;
padding: 5px 0 3px 0;
border-bottom: 1px dotted #bbb;
}
.invitation_bottom {
background: url('/images/invitation_box_bottom.png') left top no-repeat;
height: 14px;
width: 214px;
position: relative;
}
/* **************************** PHOTO LOAD ERRORS ********************************* */
.photo_load_errors {
margin: 10px 45px;
overflow:hidden;
color: #d32226 !important;
background: #edf8ed;
padding: 10px;
border: 1px solid red;
}
.close_error {
float: right;
background:#d32226 none repeat scroll 0 0;
color:#ffffff;
font-size:11px;
font-weight:bold;
padding:0 5px 2px;
text-decoration:none;
}
.photo_load_errors .error_header {
color:#D32226 !important;
font-size:14px !important;
}
.photo_load_errors ol {
list-style-type: none;
}
.photo_load_errors #errorExplanation {
border: none !important;
background: none !important;}
/* ***************************************************** INDEX AND UNIVERSAL STYLE ****************************************************** */
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}
.flash {
background: #E2F6E4;
padding: 10px;
margin: 5px;
border: 1px solid #a5d4aa;
font-size: 12px;
}
.error {
background: #fff6f6 !important;
border: 1px solid #ae3921;
color: #111;
}
.yacaph img {
margin: 10px 0 10px 0;
}
#captcha_image {
height: 65px;
width: 350px;
margin: 10px 0 0 0;
}
a {
color: #0073C4;
}
a:hover, a:focus {
color: #1e9a26;
}
.main_h {
font-size: 22px;
color: #296c7d;
margin: 5px 0 20px 10px;
}
.relative {
position: relative}
.word_wrap {
/* -moz-binding: url('../javascripts/wordwrap.xml#wordwrap'); */
}
.search_form {
list-style-type: none;
padding: 10px;
}
.search_form li {
float: left;
padding: 0 0 10px 0;
margin-right: 20px;
position: relative;}
.option_header {
padding: 10px 10px 0 10px;
}
.user_action_info {
margin-top: 5px;
font-size: 11px;
color: #42A700;
font-weight: bold;
border: 1px solid #d6eb9a;}
#index_crumbs {
margin-bottom: 5px;}
#crumbs {
margin-left: 10px;
font-size: 11px;
color: #296C7D;
}
#crumbs .arrow {
color: #666;
padding: 5px;}
#crumbs a {
color: #296c7d;
}
#crumbs a:hover, #crumbs a:focus {
color: #42a700;
}
.info_outside_box {
padding: 20px;
}
.info_box {
width: 500px;
font-size: 12px;
}
.empty_info {
color: #51772d;
font-size: 12px;
font-weight: normal;
}
.small_font {
font-size: 12px;}
.small_notification {
font-size: 11px !important;
}
.avatar_border {
border:1px solid #cad5a4;
}
h3 {
font-size:15px;
}
h4 {
font-size: 13px;
}
.user_account_deleted {
font-size: 20px;
margin: 40px 0 0 0;
color: #51772D;
text-align: center;
}
.centered_div {
padding-left: 8px;
}
/* *********************************************** LOGGED USER MAIN PAGE STYLE ******************************************** */
.index_boxes_left {
float:left;
width: 230px;
}
.index_boxes_right {
float: right;
font-size: 13px;
width: 740px;
}
.map_box {
background: #edf8ed;
border: 1px solid #d6eb9a;
overflow: hidden;
margin-bottom: 15px;
padding-bottom: 10px;
}
.index_box {
background: #fff ;
padding: 2px 10px 10px 10px;
border-left: 1px solid #cfdfdf;
border-right: 1px solid #cfdfdf;
overflow: hidden;
}
.index_header_box {
background: #ec7c38 url('/images/headers/new_index_bar-blue.png') left no-repeat;
overflow:hidden;
height: 31px;
}
.index_header {
float: left;
font-size: 13px !important;
color: #fff;
padding: 6px 10px;
}
.index_right_header_box {
background: url('/images/headers/right_header_bar-blue.png') left no-repeat;
overflow:hidden;
height: 31px;
}
#user_index_right {
float: left;
width: 220px;
margin-left: 15px;
overflow: hidden;
}
#user_index_right h4 {
border-bottom: 1px dotted #777;
}
.link_list a{
color: #294e56;
}
.link_list a:hover, .link_list a:focus{
color: #FF6633;
}
.your_login {
font-size: 11px !important;
}
.index_map_left {
width: 320px;
}
.index_map_right {
width: 145px;
font-size: 12px;
line-height: 160%;
color: #3D7087;}
.index_map_right p {
padding-top: 10px;
font-size: 11px;
}
#first_time_list {
font-size: 11px;
width: 280px;
margin-top: 10px;
overflow: hidden;
}
#first_time_list li {
overflow: hidden;
border-bottom: 1px dotted #777;
padding: 5px 2px 2px 2px;
margin-bottom: 6px;
list-style-type: none;
}
.add_error_box_width .add_error_box {
background: url('/images/error_box_width_bg.png') left top no-repeat;
width: 248px;
}
.add_error_box_width .idea_area {
width: 212px;
}
.add_error_box_width .error_width_bottom {
background: url('/images/error_box_width_bottom.png') left bottom no-repeat;
width: 248px;
height: 12px;
}
.add_idea_box {
background: url('/images/user_left_bg2.png') top left no-repeat;
width: 210px;
padding-top: 20px;
border-right: 1px solid #C7DC9A;
border-top: 1px solid #EAF1DA;
}
.idea_box_bottom {
background: url('/images/idea_box_bottom.png') top left no-repeat;
width: 210px;
height: 9px;
margin-bottom: 20px;
overflow: hidden;
}
.add_idea_box .flash {
font-size: 11px;
}
.add_idea_box .ajax_loader_small_black {
left: 90px;
}
.add_idea_box h4 {
padding-top: 5px;
font-size: 12px;
}
.add_error_box {
background: url('/images/user_left_bg2.png') left top no-repeat;
width: 210px;
padding-top: 15px;
position: relative;
border-top: 1px solid #EAF1DA;
border-right: 1px solid #C7DC9A;
}
.add_error {
color: #748C6D;
margin-left: 10px;
font-size: 12px;
}
.add_error_box p, .add_idea_box p {
font-size: 11px;
padding: 10px;
}
.add_error_box .ajax_loader_small_black{
left: 90px;
}
.error_box_bottom {
background: url('/images/error_box_bottom_bg.png') left bottom;
width: 210px;
height: 13px;
overflow: hidden;
}
.standard_p {
font-size: 12px;
line-height: 140%;
padding: 10px 2px;
}
.search_index_icons_box {
margin-top: 15px;
text-align: center;
}
.search_index_icons_box a {
margin-right: 20px;
}
.newsletter_p {
margin: 10px 0;
font-size: 12px;
}
.newsletter_date {
margin-top: 10px;
padding-right: 5px;
font-size: 11px;
text-align: right;
}
#newsletter_content p {
padding-top: 6px;
}
#newsletter_content .box_bottom {
margin-top: 10px;
padding-top: 6px;
height: 17px;
}
#newsletter_content .box_bottom a{
font-size: 12px;
}
.newsletter_box {
border-bottom: 1px dotted #cad5a4;
padding: 10px 10px 20px 10px;
margin-bottom: 15px;
}
.white_background {
background: #ffffff !important;
}
/* ************************************** ************************************************s */
li_hover {
background: #F3F7FB;
}
h3 {
padding: 8px;
}
img {
border: none;
}
.green_color {
color: #479b4f !important;
}
.white_color {
color: #fff;
}
.bold {
font-weight: bold;
}
.no_border {
border: none !important;
vertical-align: middle;
}
.left {
float: left;
}
.right {
float: right;
}
.overflow {
overflow: hidden;
}
.standard_list {
list-style-type: none;
margin-left: 10px;
margin-bottom: 20px;
}
.standard_list li {
padding: 5px 10px;
}
.column_4 {
width: 23%;
}
.column_3 {
width: 31%;
}
.column_2 {
width: 46%;
}
#content {
position: relative;
background: #fff;
width: 982px;
margin: 30px auto;
}
.content-box {
border-left: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
padding: 2px 0;
}
#top {
position: relative;
background: #fff url(/images/header.jpg) top no-repeat;
padding: 8px 6px 10px 10px;
overflow: hidden;
height: 88px;
}
#top #top_menu {
margin-right: 20px;
}
#top #top_menu li{
float: right;
font-size: 10px;
padding: 10px 20px 0 0;
list-style-type: none;
}
#top_menu a {
color: #296c7d;
}
#top_menu a.mms_credits_info {color: #FC4037;}
#top_menu a:hover, #top_menu a:focus {
color: #1e9a26;
}
#tagline {
position: absolute;
bottom: 30px;
left: 346px;
}
#menu {
background: url(/images/menu-bg.png);
height: 45px;
margin: 0 5px 1px 5px;
font-size: 12px;
position: relative;
}
#menu li {
float: left;
list-style-type: none;
}
#menu li a:hover, #menu li a:focus, #menu li a.active, #menu li a.hover {
background: url(/images/menuhoverbg.png);
display: block;
color:green;
}
#menu a {
color: #fff;
text-decoration: none;
padding: 15px 26px;
display: block;
}
#menu li ul {
background: #6fb879;
position: absolute;
padding: 1px;
top: 44px;
z-index: 500;
font-size: 12px;
color: #fff;
}
#menu li ul li {
float: none;
position: relative !important;
height:40px;
overflow: hidden;
z-index: 500;
}
#menu li ul li a {
position: relative;
width: 100%;
color: #fff;
height:25px;
white-space: nowrap;
padding: 13px 18px;
display: block;
}
#menu li ul li a:hover {
position: relative;
color: #030;
background: #d4fbd7;
white-space: nowrap;
display: block;
}
#greenbar {
background: #8de593;
width: 970px;
height: 8px;
margin: 0 0 6px 5px ;
padding: 0;
overflow: hidden;
}
#login {
width: 970px;
height: 249px;
margin: 0 0 10px 5px;
position: relative;
background: url(/images/login-bg-blue.png) repeat-x;
}
#login_left {
float: left;
width: 325px;
height: 245px;
background: url(/images/login-dotted-border-blue.png) right top repeat-y;
font-size: 11px;
}
#login_left h2 {
font-size: 14px;
color: #fff;
padding: 6px 0 10px 0;
background: url(/images/login-header-border-blue.png) left bottom repeat-x;
margin: 0 30px 0 15px;
font-weight: normal;
}
#form {
width: 285px;
height: 107px;
text-align: right;
font-size: 11px;
padding: 10px 0 10px 0;
overflow: hidden;
background: url(/images/login-form-border-blue.png) left bottom repeat-x;
margin-left: 10px;
}
#form li {
padding-bottom: 10px;
list-style-type: none;
}
#form label {
color: #3a474d;
}
#remember li {
float: right;
}
#form input {
border: 1px solid #6db7b8;
font-size: 12px;
}
.remember_li {
font-size: 12px;
padding: 10px 15px 0 0;
overflow: hidden;
}
.remember_label {
position: static;
height: 23px !important;
display: inline !important;
font-size: 10px;
}
.remember_checkbox {
vertical-align: middle;
}
#login_button {
background: url(/images/buttons/login_button.png);
margin-top: 3px;
padding-bottom: 5px;
border: none;
width: 87px !important;
height: 29px;
color: #fff;
font-size: 11px;
font-weight: bold;
}
#login_links {
text-align: right;
line-height: 10px;
padding: 15px 30px 0 0;
font-size: 10px;
color: #000;
}
.sign_up {
font-size: 11px;}
.forgot-password-link {
font-size: 10px;
padding: 3px 5px 0 0;
display: block;
}
#login_left a{
color: #296C7D;
}
#login_left a:hover, #login_left a:focus {
color: #e5ffcc;
}
#join_button {
float: left;
display: block;
background: url(/images/login-button-white-blue.png) left top no-repeat;
width: 200px;
height: 32px;
font-size: 15px;
font-weight: bold;
text-decoration: none;
padding: 13px 0 0 0;
color: #7bb319;
text-align: center;
}
#main_friends_photo {
background: url(/images/friends_transparent.png);
position: absolute;
width: 216px;
height: 281px;
top: -20px;
left: 333px;
}
#boxes {
width: 975px;
min-height: 400px;
margin: 10px 0 10px 5px;
padding-bottom: 30px;
}
.box-footer-left {
background: url(/images/headers/left-standard-footer-blue.png) left bottom no-repeat;
width: 328px;
height: 5px;
margin-bottom: 20px;
}
.box-footer-right {
background: url(/images/headers/right-standard-toofer-blue.png) left bottom no-repeat;
width: 628px;
height: 5px;
margin-bottom: 20px;
}
.new-index-footer {
background: url(/images/headers/new-index-footer-blue.png) left bottom no-repeat;
width: 500px;
height: 5px;
margin-bottom: 20px;
}
.new-index-right-footer {
background: url(/images/headers/new-index-right-footer-blue.png) left bottom no-repeat;
width: 220px;
height: 5px;
margin-bottom: 20px;
}
.right-large-footer {
background: url(/images/headers/right-large-footer-blue.png) left bottom no-repeat;
width: 708px;
height: 5px;
margin-bottom: 20px;
}
.left-footer-small {
background: url(/images/headers/left-footer-small-blue.png) left bottom no-repeat;
width: 248px;
height: 5px;
margin-bottom: 20px;
}
#boxes_left {
float: left;
width: 340px;
}
.box_left {
width: 328px;
}
.box_header_left {
background: url(/images/headers/left_standard_header-blue.png) left no-repeat;
height: 31px;
}
.large_box_header_right {
background: url('/images/headers/large_right_header_bar-blue.png') left no-repeat;
height:31px;
}
.small_box_header_left {
background: url('/images/headers/small-left-header-bar-blue.png') left no-repeat;
height:31px;
}
.box_header_right {
background: url(/images/headers/right_standard_header-blue.png) left no-repeat;
height: 31px;
}
.large_box_header_right a:focus, .large_box_header_right a:hover, .box_header_right a:focus, .box_header_right a:hover, .index_header_box a:focus, .index_header_box a:hover {
color: #E5FFCC;}
.box_bottom {
border-top: 1px solid #cad5a4;
margin-top: 4px;
height: 25px;
padding-top: 10px;
font-size: 11px;
overflow: hidden;
}
.box_bottom_large {
border-top: 1px solid #cad5a4;
margin-top: 4px;
height: 25px;
padding-top: 5px;
font-size: 11px;
}
#region_name {
font-weight: bold;
color: #748C6D;
}
.bottom_text {
padding: 6px 14px;
float: left;
}
#boxes_right {
float: left;
width: 630px;
font-size: 13px;
}
.box_right {
width: 628px;
margin-bottom: 20px;
margin-left: 3px;
}
.foto {
float: left;
width: 147px;
text-align:center;
padding: 15px 4px 25px 0;
margin-right: 2px;
}
.foto img {
border: 1px solid #accadc;
}
.foto_image, .foto_image_no_action {
height: 140px;
width: 149px;
cursor: pointer;
overflow: hidden;
margin: 0 auto;
}
.user_avatar_photo {
cursor: pointer;
overflow: hidden;
margin: 0 auto;
}
.foto_title {
margin-top: 10px;
list-style-type: none;
font-size: 12px;
}
.foto_title li {
margin-bottom: 1px;
position: relative;
}
.foto a {
text-decoration: none;
}
.name a {
text-decoration: none;
}
#footer {
width: 982px;
height: 58px;
background: #fff url(/images/footer.jpg) bottom no-repeat;
overflow: hidden;
font-size: 12px;
text-align: center;
margin-top: -10px;
}
#footer ul {
width: 100%;
clear: none;
text-align:center;
padding: 13px 0 10px 0;
font-size: 11px;
}
#footer li {
color: #1a4e72;
list-style-type: none;
padding: 0 13px 0 13px;
float: none;
display: inline;
border-right: 1px solid #73b136;
}
#footer a {
color: #73b136;
}
#footer a:hover, #footer a:focus {
color: #68c66e;
}
#footer div {
width: 980px;
overflow: hidden;
color: #73b136;
font-size: 11px;
}
.join_box {
background: url('/images/join_now_bg.jpg')bottom left no-repeat;
height: 226px;}
.join_box_bottom {
text-align: right;
font-weight: bold;
color: #748C6D;
}
.why_join {
margin-top: 10px;
color: #748C6D;
}
.index_last_photos {
height: 226px;
padding-left: 0 !important;
padding-right: 0 !important;
}
#school_classes_box {height: auto !important; padding-top: 10px;}
#school_classes_box h4 {margin-bottom: 2px; font-weight:normal;}
#school_classes_box a {
text-decoration: none;
text-transform: uppercase;
}
#school_classes_box img {float: left; margin-right: 6px;}
#school_classes_box span, #school_classes_box p {font-size: 13px}
.school_class {margin-bottom: 20px;}
/* ******************************** AJAX LOADER STYLE ****************************************** */
a .ajax_loader_small, a ajax_loader_small_black, div .ajax_loader_small, div .ajax_loader_small_black, .ajax_loader_small_white, .ajax_loader_small_edit_class, #change_virtual_email_loader, #check_credits_loader{
display: none;
height: 16px;
width: 16px;
position: absolute;
}
#change_virtual_email_loader, #check_credits_loader {
margin-left: 4px;
background: url('/images/ajax_loader_small.gif') center no-repeat;
}
.show_loader span {
display: block;
}
.ajax_loader_small {
background: url('/images/ajax_loader_small.gif') center no-repeat;
float: left;
left: 0;
}
.ajax_loader_small_edit_class {
background: url('/images/ajax_loader_small.gif') center no-repeat;
float: left;
left: 148px;
top: 57px;
}
.ajax_loader_small_black {
background: url('/images/ajax_loader_small_black.gif') center no-repeat;
float: left;
left: -19px;
top: 8px;
}
.gallery_photo_options span, .gallery_photo_options .ajax_loader_small {
background: url('/images/ajax_loader_small.gif') center no-repeat;
float: left;
left: -4px;
top: 6px;
}
.ajax_loader_small_white {
background:url('/images/ajax_loader_small_white.gif') center no-repeat;
float: right;
right: -6px;
top: 7px;}
.with_loader .ajax_loader_small_black {
top: 27px;
}
.delete_photo_box .ajax_loader_small {
left: -22px;
}
#students_list li .student_options .ajax_loader_small {
position: absolute;
left: 155px;
top: 7px;
}
/* ******************************************************* WIDE_BOX CLASSES ************************************************************* */
.wide_boxes_left {
float: left;
width: 260px;
}
.wide_box_left {
width: 248px;
margin-bottom: 10px;
}
.wide_boxes_right {
float: left;
width: 710px;
font-size: 13px;
}
.wide_box_right {
width: 708px;
margin-bottom: 20px;
padding-bottom: 10px;
}
.wide_box_right .list{
overflow: hidden;
}
.wide_box_photos {
padding-left: 35px;
width: 670px;
overflow: hidden;
}
/* ********************************************************* SCHOOLS VIEWS ************************************************************* */
.no_class {
font-size: 12px;
padding: 13px 15px;
}
#regions, #cities_list {
position: relative;
width: 100%;
overflow: hidden;
}
.box_list {
float: left;
margin-left: 10px;
margin-bottom: 10px;
list-style-type: none;
overflow: hidden;
}
.box_list a {
color: #3a6312;
text-decoration: none;
}
.box_list a:hover, .box_list a:focus {
color: #f1870a;
}
.box_category {
position: relative;
margin-bottom: 10px;
padding: 8px 6px;
border-bottom: 1px dotted #3a3a3a;
overflow: hidden;
}
.category {
float: left;
font-size: 18px;
color: #3a3a3a;
padding: 0 6px 0 0;
overflow: hidden;
position:relative;
}
.box_category .ajax_loader_small_black {
position: static;
left: 0 !important;
top: 0 !important;
padding-top: 8px;
padding-right: 5px;
}
.choose {
float: left;
font-weight: normal;
color: #51772D;
padding: 1px 10px 1px 1px;
}
.change {
padding-top: 3px;
display: inline-block;
}
.box_content #region_name {
float: left;
color: #f1870a;
}
.display_switcher {
float: right;
padding: 5px 15px 5px 5px;
}
#new_school {
width: 565px;
position: absolute;
left: 180px;
}
.form_school_description {
width: 532px;
height: 120px;
}
#new_city {
position: absolute;
width: 280px;
left: 180px;
}
.add_school_link {
padding-left: 10px;
}
.add_photo {
display: block;
float:right;
padding-right: 10px;
}
.photo_info {
position: relative !important;
float: right;
overflow: hidden;
margin-right: 6px;
padding-left: 21px;
}
.photo_browse {
position: absolute;
right: 0;
font-size: 20px;
filter: Alpha(Opacity=0, Style=0);
-moz-opacity: 0;
opacity: 0;
}
.photo_prev {
float: right;
padding: 5px;
border: 1px solid #777;
text-align: center;
line-height: 0;
}
.no_photo_prev {
background: url(/images/no_photo.png) no-repeat center;
height: 130px;
width: 250px;
}
.selected_params {
width: 280px;
overflow: hidden;
}
.schools_list_box .box_list li {
padding:3px 0;
border-bottom: 1px dotted #cad5a4;
}
/* ************************* NEW CLASS VIEW ********************** */
.educator_area {
width: 250px;
height: 77px;
}
/* ************************************ SCHOOL VIEW **************************************** */
#school_info {
padding: 10px;
margin-bottom: 10px;
}
#school_photo {
float: right;
background: #fff;
border: 1px solid #777;
padding: 5px;
line-height: 0;
}
#school_info_left {
float: left;
width: 360px;
}
.school_name {
font-size: 16px;
color: #748c6d;
}
#school_info_list {
list-style-type: none;
font-size: 12px;
}
#school_info_list li {
padding-bottom: 5px;
}
.school_value {
color: #4B798B;}
#school_description {
margin-top: 10px;
padding: 5px;
border-top: 1px solid #bbd2e0;}
#classes_header {
border-bottom: 1px solid #cad5a4;
height: 25px;
margin-bottom: 1px;
padding-left: 8px;
overflow: hidden;
color: #51772D;
}
#class_list {
list-style-type: none;
padding-left: 8px;
}
#class_list li {
padding: 4px 0;
border-bottom: 1px dotted #cad5a4;
overflow: hidden;
}
.class_index, .class_name, .class_profile, .class_years, .class_educator {
float: left;
padding: 5px;
}
.class_index {
width: 30px;
}
.class_name {
width: 150px;
}
.class_profile {
width: 220px;
}
.class_years {
width: 75px;
text-align: center;
}
.class_educator {
width: 150px;
text-align: center;
}
/* ******************************************************** MESSAGES VIEVS ************************************************************ */
.contact_type {
color: #296c7d;
padding-left: 8px;
font-size: 15px;
border-bottom: 1px dotted #2396b3;
}
.messages_type {
margin-top: 5px;
font-size: 12px;
}
.messages_type li {
margin-left: 10px;
list-style-type: none;
padding: 4px 15px;
}
.tree_first {
background: url('/images/email_menu_first.gif') left bottom no-repeat !important;}
.tree li{
background: url('/images/email_menu.gif') left bottom no-repeat;
}
.tree_last {
background: url('/images/email_menu_last.gif') left top no-repeat !important;
}
.messages_type a {
color: #333;
text-decoration: none;
}
.messages_type a:hover, .messages_type a:focus {
color: #3D7087;
}
.current_message a {
font-weight: bold;
color: #3d7087 !important;
}
#messages_actions {
float: left;
}
#messages_actions li {
position: relative;
float: left;
font-size: 12px;
color: #fff;
font-weight: bold;
padding: 7px 14px;
list-style-type: none;
}
#messages_actions a {
color: #fff;
text-decoration: none;
}
#messages_actions a:hover, #messages_actions a:focus {
color: #edf2f8;
}
#messages_actions .spacer {
padding: 7px 10px !important;
}
.spacer {
padding: 7px 0px !important;
color: #fff !important;
}
#read_messages_return {
padding-top: 10px;}
#read_messages_return a{
font-weight: bold;
text-decoration: none;}
#messages_list {
}
#message_header {
height: 18px;
overflow:hidden;
margin-bottom:5px;
color: #51772D;
}
.message_autor_header, .message_title_header, .message_date_header, .message_checkbox_header {
font-weight: bold;
}
.message_autor_header {
width: 140px;
}
.message_title_header {
width: 380px;
}
.message_date_header {
width: 125px;
text-align: center;
}
.message_checkbox_header {
background: url('/images/check.gif') center no-repeat;
height: 17px;
width: 35px;
overflow: hidden;
}
#message_list li {
background: #fff;
list-style-type: none;
padding: 10px;
border: 1px solid #D6EB9A;
overflow: hidden;
margin-top: -1px;
position: relative;
}
#message_list li:hover, #message_list li.hover {
background: #f0f0fb;
}
.message_autor, .message_title, .message_date, .message_checkbox, .message_autor_header, .message_title_header, .message_date_header, .message_checkbox_header {
float: left;
}
.message_checkbox {
width: 20px;
}
.message_autor {
width: 140px;
}
.message_title {
width: 380px;
}
.message_date {
width: 120px;
text-align: center;
}
.canceled {
background:#fff7cc !important;}
.canceled .ajax_loader_small_black {
left: 7px;
top:11px;
}
.message_cancel_delete_one {
padding: 10px 28px;
margin-top: 10px;
border: 1px solid #ffcc00;
position: relative;
}
.message_cancel_delete {
padding-left: 15px;
}
.message_cancel_delete a, .message_cancel_delete_one a {
margin-left: 5px;}
.select_all {
float: left;
padding: 6px 0 0 4px;
}
.large_right {
overflow:hidden;
width: 686px;
}
.message_header {
padding: 10px;
}
#message_autor {
padding-top: 10px;
float: left;
}
#message_autor span {
color: #ef4444;
}
#message_date {
padding-top: 10px;
float: right;
}
#message_date span {
font-weight: bold;
}
#message_title {
margin-top: 10px;
}
#message_title span {
color: #51772D;
font-weight: bold;
}
#message_content {
width: 665px;
margin-top: 10px;
padding: 10px;
overflow: hidden;
}
.message_content_read {
background: #fff;
border: 1px solid #d6eb9a;
}
.new_message_text_area {
width: 642px;
height: 200px;
}
.new_message_title {
width: 642px;
}
#new_message_form {
position: relative;}
#search_friends {
position: absolute;
width: 695px;
}
.search_form_box {
padding: 15px 0 0 30px;
background: #f8f8f8;
border: 1px solid #f1f1f1;
overflow: hidden;
}
.search_friends_form {
float: left;
overflow: hidden;
}
.search_friends_form li{
margin: 20px 13px 20px 0;
list-style-type:none;
float: left;
}
#search_friends label {
display: block;
}
.friends_list_box {
margin: 25px 0;
}
.invit_button {
list-style-type: none;
margin-top: 15px;
}
#message_class_list {
position: absolute;
width: 565px;
}
.message_class_list {
list-style-type: none;
margin-bottom: 15px;
margin-top: 15px;
border-top: 1px solid #cad5a4;
}
.message_class_list li{
padding: 10px 10px 10px 40px;
border: 1px solid #CBE3A9;
margin-top: -1px;
overflow: hidden;
cursor: pointer;
}
#message_class_list .checkbox_selected {
background: #ebf3e2 url('/images/check_big.png') center left no-repeat;
}
#message_class_list p , #message_class_list a{
font-size: 12px;}
#message_friends_list {
position: absolute;
font-size: 12px;
width: 720px;
}
.message_friend_box {
float: left;
width: 155px;
height: 198px;
padding: 10px;
border: 1px solid #cad5a4;
text-align: center;
overflow: hidden;
margin: 1px;
cursor: pointer;
}
.name {
color: #0073C4 !important;}
#message_friends_list .checkbox_selected, #search_friends .checkbox_selected{
background: #ebf3e2 url('/images/check_big.png') bottom right no-repeat;
}
.lightbox_button {
float: left;
list-style-type: none;
}
.lightbox_button li {
position: relative;
margin-bottom: 20px;
}
.lightbox_button li .ajax_loader_small_black {
left: -22px;
}
.recievers {
padding: 5px 4px !important;
border: 1px solid #999;
width: 644px;
margin-bottom: 10px;
min-height: 13px;
height:auto !important;
height: 13px;
}
.recievers .users_class_group {
color: #51772D;
}
.recievers .users_class_group a{
background: #51772D;
}
.recievers_label {
color: #666;
padding: 0 0 2px 0 !important;
}
.message_reciever {
display:inline-block;
font-size: 12px;
color: #3D7087;
font-weight: bold;
margin-right: 10px;
margin-bottom: 3px;
padding: 2px;
}
.delete_reciever, .delete_reciever:focus, .delete_reciever:hover {
background: #3D7087;
padding:0 3px 1px 3px;
color: #fff;
text-decoration: none;
font-size: 9px;
margin-left: 2px;
font-weight: bold;}
.new_message_menu {
list-style-type: none;
color: #3d7087;
}
.new_message_menu li {
float: left;
margin-right: 12px;
}
.info_box_small {
width: 400px;
background: #f8fdee;
margin: 20px auto;
padding: 15px;
border: 1px solid #cad5a4;
}
.info_box {
padding: 15px;
border: 1px solid #cad5a4;
margin: 20px auto;
background: #f8fdee;
}
.info_box .help_header {
padding-left: 0;
border: none;
}
.info_content {
padding-top: 20px;
}
.info_icon {
float:left;
height: 16px;
width: 16px;
padding:0 3px;
background: url('/images/info_icon.png') center left no-repeat;
}
.help_box {
padding: 15px;
background: #f8fdee url('/images/help_icon.png') top left no-repeat;
border: 1px solid #cad5a4;
margin-bottom: 20px;
}
.help_header {
border-bottom:1px dotted #CAD5A4;
color:#51772D;
font-weight:bold;
margin-top:1px;
padding-bottom:3px;
padding-left:29px;
text-align: left;
}
.help_header, .help_list {
font-size: 13px;
}
.help_list li {
margin-left: 21px;
padding: 2px 0;
}
/* ******************************************* INPUT STYLES *************************************************** */
input, textarea {
border: 1px solid #999;
padding: 2px 5px;
vertical-align: middle;
}
.form label, .search_form label {
display: block;
margin: 6px 0 3px 0;
}
.i_small {
width: 140px !important;
}
.i_medium {
width: 200px !important;
}
.i_normal {
width: 250px !important;
}
.i_large {
width: 300px !important;
}
.i_search {
width: 134px !important;
}
.t_area_normal {
width: 532px;
height: 100px;
}
.send_invitation {
width: 140px !important;
font-size: 11px;
padding: 5px;}
.idea_area {
width: 175px;
height: 80px;
border: 1px solid #cbe3a9;}
/* ********************************************************************** USERS VIEWS ***************************************** */
#yacaph label {
display: block;
margin-top: 10px;
}
#yacaph label {
padding: 0;
}
#user_login_form {
}
#login_message {
color: #EF4444;
width: 270px;
}
.form {
padding: 10px;
list-style-type: none;
}
.form li {
position: relative;
padding: 0 0 10px 0;
text-align: left;
}
.submit_button {
margin-top: 8px;
background: #aad480;
width: 90px;
height: 29px;
}
#check_login {
float:left;
}
.invitation_form {
margin-top: 6px;
list-style-type: none;}
.invitation_form li {
position: relative;
padding: 0 0 10px 0;}
.invitation_form li .ajax_loader_small_black {
float: right;
left: 156px !important;}
.forgot_password {
width: 400px;
border-top: 1px solid #CD9C74;
padding: 10px 20px;
margin: 20px auto 0 auto;
}
.forgot_password p {
padding-top: 10px;}
/* *************************************** USER INDEX VIEW ************************************************ */
#user_left {
background: url('/images/user_left_bg2.png') top right repeat-y;
width: 210px;
overflow: hidden;
border-right: 1px solid #c7dc9a;
}
.user_left_border {
border-bottom: 1px solid #eaf1da;
overflow: hidden;
padding-bottom: 20px;
}
.user_left_bottom {
vertical-align: bottom;
}
.user_photo {
margin: 20px auto 0 auto;
border: 1px solid #cad5a4;
}
.user_name_small {
font-size: 12px;
color:#51772D;
text-align: center;
padding: 0;
}
.user_name_small a{
text-decoration: none;
color: #51772d;}
.user_city_small {
font-size: 11px;
text-align: center;
}
.invitations_header {
margin-top: 15px;
color: #51772D;
font-size: 14px;
padding-left: 10px !important;
}
#user_options_list {
list-style-type: none;
color: #51772D;
margin-top: 20px;
font-size: 12px;
font-weight: bold;
padding-left: 10px;
position: relative;
margin-bottom: 15px;
overflow: hidden;
}
#user_options_list li {
border-bottom: 1px dashed #bdbdbd;
height: 32px;
padding: 3px 0 4px 5px;
}
#user_options_list li:hover, #user_options_list li:focus {
background: #fbffed;
}
#user_options_list a {
color: #497d88;
text-decoration: none;
}
.option_text {
padding-top: 7px;
padding-left: 35px;
display: block;
}
#user_options_list a .ajax_loader_small {
left: 44px !important}
#user_options_list a:hover, #user_options_list a:focus {
color: #ff6633;
}
#add_friend {
padding: 5px 10px;
color: #42A700;
font-weight: bold;
margin-bottom: 10px;
}
.user_about {
margin-top: 15px;
padding-left: 10px !important;
color: #51772D;
}
.user_about_description {
padding: 5px 10px 15px 10px;
font-size: 12px;
overflow: hidden;
color: #666;
}
#invitation {
position: relative;
background: #FFF799;
width: 190px;
padding: 5px 10px 15px 10px;
overflow: hidden;
font-size: 12px;
border-right: 1px solid #C7DC9A;
border-top: 1px solid #EAF1DA;
}
#invitation p {
padding-top: 14px;
font-size: 11px;
color: #000;}
#invitation .button_left_invit {
padding-right: 23px !important;
}
#invitation .button_right_invit {
padding-right: 10px !important;
}
#user_middle {
float: left;
width: 500px;
overflow: hidden;
}
#user_right {
float: left;
width: 708px;
}
.user_right_info {
padding: 2px 0 10px 0;
}
#user_profile_bar {
background: url('/images/profile_bar.jpg') bottom no-repeat;
color:#fff;
font-size: 16px;
padding-left: 10px !important;
padding-bottom: 10px;
height: 18px;
margin-bottom: 2px;
}
.user_info {
float: left;
list-style-type: none;
font-size: 11px;
width: 323px;
margin: 20px 10px 0 10px;
overflow: hidden;
}
.user_info li {
padding: 0 0 8px 0;
overflow: hidden;
}
.profile_top {
border-left: 1px solid #8DC191;
}
.user_option {
float: left;
width: 140px;
text-align: right;
color: #777;
}
.user_value {
float:right;
width: 175px;
padding-left: 5px;
color: #4B798B;
font-weight: bold;
/* -moz-binding: url('../javascripts/wordwrap.xml#wordwrap'); */
}
.user_value_no_wrap {
float:right;
width: 175px;
padding-left: 5px;
color: #4B798B;
font-weight: bold;
}
#about_me_content {
padding: 10px;
text-indent: 40px;
font-style: italic;
}
.user_forum_list {
padding: 3px 0;
}
.user_class_list {
list-style-type: none;
font-size: 14px;
}
.user_class_list li {
padding: 5px 15px;
border-bottom: 1px dotted #aab9a6;
}
.user_class_list_school {
padding: 3px 0 6px 20px;
}
.user_class_list_school a {
color: #333;
}
.user_class_list_class, .user_class_list_class a, .user_forum_list a {
color: #296C7D;
}
.user_class_list a {
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
.profile_switcher {
float: right;
padding-top: 5px;
padding-right: 10px;
color: #fff;
}
.invit_count {
font-size: 12px;
padding: 10px;
}
.invit_count span {
color: #0073C4;
font-weight: bold;
}
/* ********************************************************** LIGHTBOX STYLES ********************************************************* */
.lightbox {
background: #fff;
border: 1px solid #777;
padding: 20px 50px;
overflow: hidden;
z-index: 9001;
}
.lightbox_header {
padding: 10px;
overflow: hidden;
}
.lightbox_header h2, h3 {
padding-left: 0 !important;
margin-left: 0 !important;
}
.lightbox_name {
font-size: 16px;
color: #51772d !important;
}
.close {
position: absolute;
right: 15px;
top: 15px;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: #fff;
background:#51772D;
padding:0 5px 2px 5px;
}
.close:hover, .close:focus {
color: #fff;
}
.remove_photo {
float:right;
margin-right: 15px;
}
.h3_choose {
color: #e88d33;
}
.close_lightbox_button, .close_lightbox_button:focus, .close_lightbox_button:hover, .select_lightbox_button, .select_lightbox_button:focus, .select_lightbox_button:hover {
display: block;
background: url('/images/buttons/photo_submit_button.png');
width: 87px;
height: 25px;
margin-top: 20px;
text-align: center;
padding-top: 6px;
color: #fff;
font-weight: bold;
text-decoration: none;
}
.select_lightbox_button, .select_lightbox_button:focus, .select_lightbox_button:hover {
display: inline-block;
font-size: 12px;
}
/* ************************************************** CLASSES VIEWS *************************************************************** */
#class_photo {
float: right;
border: 1px solid #777;
overflow: hidden;
padding: 5px;
line-height: 0;
}
.class_info {
padding: 10px;
}
#class_info_left {
float: left;
width: 280px;
}
#class_name {
font-size: 16px;
color: #748C6D;
}
#class_info_list {
list-style-type: none;
font-size: 12px;
}
#class_info_list li {
padding-bottom: 5px;
}
#students_list {
list-style-type: none;
font-size: 12px;
}
#students_list li {
position: relative;
min-height: 100px;
margin-bottom: 4px;
border-bottom: 1px dotted #999;
padding-bottom: 5px;
}
.student_photo_box {
width: 103px;
float: left;
overflow: hidden;
}
.student_photo {
float: left;
padding: 5px;
border: 1px solid #cad5a4;
overflow: hidden;
margin-top: 5px;
}
.student_female_photo {
background:#fff url('/images/default_female.jpg') bottom no-repeat;
width: 80px;
height: 85px;
}
.my_avatar {
margin: 0 auto;
width: 90px;
height: 110px;
}
.student_list_info {
float: left;
width: 182px;
padding: 5px 10px 0 10px;
}
.student_name, .student_name a {
font-size: 14px;
color: #748C6D;
text-decoration: none;
}
.student_options {
position: relative;
bottom: -25px;
left: -15px;
}
.student_count {
font-size:55px;
color: #e3e7df;}
#forum {
border-collapse: collapse;
font-size: 12px;
background: #fff;
}
.forum_header_title, .forum_header_count, .forum_header_autor, .myaccount_forum_autor{
float:left;
}
.forum_title {
width: 329px;
padding: 17px 20px;
}
.forum_count {
width: 70px;
font-size: 14px;
padding: 13px 0 12px 0;
text-align: center;
color: #8b8b8b;
}
.forum_autor {
color: #666;
width: 154px;
text-align: center;
padding: 6px 4px 2px 4px;
border-left: none;
}
.forum_last_post {
margin-top: 8px;
border-top: 1px dotted #a7a7a7;
padding-top: 5px;
}
.forum_header {
padding: 4px 10px;
overflow: hidden;
color: #51772D;
}
.forum_header_title {
width: 362px;
}
.forum_header_count {
width: 70px;
text-align: center;
}
.forum_header_autor {
width: 154px;
text-align: center;
}
#new_class, #edit_class {
width: 565px;
position: absolute;
left:180px;
}
#new_student {
width: 280px;
position: absolute;
left: 180px;
}
/* ************************************************* MYACCOUNT VIEWS **************************************** */
#about_me_edit {
}
#user_gallery, #user_profile_forum, #user_preferences, #user_privacy, #user_friends, #photo_large, #my_classes {
border-left: 1px solid #cfdfdf;
border-right: 1px solid #cfdfdf;
}
#my_classes, #user_privacy, #user_profile_forum, #user_gallery {
padding: 0;
padding-top: 5px;
}
#user_gallery {
width: 706px;
}
#user_info {
border-left: 1px solid #cfdfdf;
border-right: 1px solid #cfdfdf;
}
#user_edit_form {
}
#user_preferences {
position: relative;
padding: 10px 20px;}
.preferences_h {
margin-left: -10px !important;
}
#user_new_forum_form {
padding: 10px 20px;
position: relative;
}
#user_friends {
padding-bottom: 20px;
}
#photo_large {
text-align: center;
}
#photo_large_info {
width: 640px;
margin: 10px auto;
text-align: left;
}
.photo_large_description {
background: #EBF4FA;
padding: 4px 10px !important;
margin-bottom: 6px;
}
.photo_comment_area {
width: 475px;
height: 80px;
}
.photo_description_area {
height: 60px;
width: 300px;
}
#photo_comments {
list-style-type: none;
margin-top: 10px;
margin-left: 10px;
}
#photo_comments li {
overflow: hidden;
padding: 35px 10px 10px 10px;
overflow: hidden;
}
.photo_comment_autor{
background: #6EA829;
color: #fff;
padding: 2px 5px;
}
.photo_comment_autor a {
color: #fff;
}
.photo_comment {
background:#d7edbd;
padding: 5px 5px 10px 5px;
}
.comment_options {
padding: 6px 17px 6px 7px;
height: 20px;
overflow: hidden;
}
.comment_options span {
background: url('/images/ajax_loader_small_black.gif') center no-repeat !important;
position:static;}
.comment_options a {
font-size: 11px;
color: #3e98a5;
}
#photo_comments .comment_hidden a{
color: #48657A;}
#photo_comments .comment_hidden a:hover, #photo_comments comment_hidden a:focus{
color: #7E964A;}
.comment_hidden .photo_comment_autor {
background: #bababa !important;
}
.comment_hidden .photo_comment {
background: #f3f3f3 !important;
}
#photo_comments li .deactivate {
display: block;
}
#photo_comments li .activate {
display: none;
}
#photo_comments li.comment_hidden .deactivate {
display: none !important;
}
#photo_comments li.comment_hidden .activate {
display: block !important;
}
.profile_options {
height: 20px;
padding: 10px 20px;
color: #3b7e0a;
text-align: left;
overflow: hidden;
position: relative;
}
.profile_options a {
text-decoration: none;
font-weight: bold;
}
#user_profile_menu {
list-style-type: none;
}
#user_profile_menu li {
float: left;
height: 30px;
margin-left: 6px;
margin-right: 6px;
}
#user_profile_menu li a{
display: block;
float: left;
padding: 8px 0px 8px 14px;
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 12px;
}
#user_profile_menu .user_menu_right {
width: 22px;
height: 28px;
position: absolute;
margin-top: -6px;
}
.present a, #user_profile_menu li a:hover, #user_profile_menu li a:focus {
color: #179991 !important;
}
.present .user_menu_right, #user_profile_menu a:hover span, #user_profile_menu a:focus span {
width: 22px;
position: absolute;
height: 28px;
overflow: hidden;
margin-top: -6px;
}
#user_profile_form {
position: relative;
border: 1px solid #cfdfdf;
border-top: none;
border-bottom: none;
padding:10px 20px 20px 20px;
}
.profile_bottom {
vertical-align: top;
}
.profile_photo_options {
list-style-type: none;
}
.profile_photo_options li {
display: inline;
padding-right: 10px;
}
.profile_photo {
float: left;
height: 260px;
padding: 15px 10px 25px 10px;
margin-right: 20px;
margin-left: 19px;
margin-bottom: 20px;
text-align: center;
width: 175px;
font-size: 12px;
overflow: hidden;
position: relative;
}
.profile_photo .ajax_loader_small {
top: 236px;
left: 48px;
}
.main_profile_photo {
background: #EBF4FA;
border: 1px solid #CAD5CD;
height: 258px;
}
.profile_photo a {
text-decoration: none;
}
.profile_photo img {
border: 1px solid #777;
}
.main_profile_photo .set_main_photo{
display: none;
}
#user_forum_list {
font-size: 11px;
}
#user_forum_list li {
border-bottom: 1px dotted #CD9C74;
border-top: 1px dotted #CD9C74;
margin-top: -1px;
overflow: hidden;
}
.privacy_header {
color: #51772D;
font-size: 13px;
padding: 5px 10px;
margin-bottom: 10px;
}
.privacy_list {
float: left;
list-style-type: none;
width: 29%;
margin-left: 25px;
margin-bottom: 20px;
}
.privacy_list label, .privacy_list input {
vertical-align: middle;
}
.privacy_list li {
position: relative;
padding: 4px 2px;
}
.privacy_list li .ajax_loader_small_black {
top: 10px !important;
left: -20px !important;}
.preferences_form {
position: relative;
border-bottom: 1px dotted #777;
margin-top: 10px;
}
.photo_form {
background: #D7EDBD;
border: 2px solid #A0BF61;
position: relative;
padding:10px 10px 0 10px;
}
.gallery_photo_options, .centered {
margin-left: auto;
margin-right: auto;
display: table;}
.photo_edit_form {
margin-left: 10px;
font-size: 11px;
}
.add_comment a{
font-size: 14px;
text-decoration: none;
font-weight: bold;
}
.user_forum_form *{
z-index: 1;}
.forum_box {
height: 50px;
border-bottom: 1px solid #cfdfdf;}
.forum_menu {
list-style-type: none;
padding-top: 10px;
}
.forum_menu li {
background: url('/images/forum_menu_bg.png') bottom repeat-x;
float: left;
border-right: 1px solid #cfdfdf;
border-top: 1px solid #cfdfdf;
margin-bottom: -1px;
position: relative;
height: 40px;
width: 140px;
}
.forum_menu li .ajax_loader_small_black {
left: 4px;
top: 9px;
}
.forum_menu li a {
display:block;
font-weight:bold;
text-align:center;
color: #296C7D;
font-size: 10px;
text-decoration: none;
padding: 10px 18px 0 18px;
height: 29px;
}
.forum_menu li a:focus, .forum_menu li a:hover {
color: #14556b;
background: #fff;
height: 30px;
}
.forum_menu li.active {
background:#fff;
margin-bottom: 0;
}
.myaccount_forum_header_title {
width: 398px;
font-weight: bold;
}
.myaccount_forum_header_count {
width: 95px;
font-weight: bold;
}
.myaccount_forum_header_autor {
width: 173px;
font-weight: bold;
}
.myaccount_forum_title, .myaccount_forum_count, .myaccount_forum_autor {
float: left;
}
.myaccount_forum_title {
width: 382px;}
.myaccount_forum_count {
width: 85px;}
.myaccount_forum_autor {
padding-top: 9px;
text-align: center;
width: 185px;}
.signature_info {
margin: 10px;
}
.signature_area {
width: 630px;
height: 100px;}
.notifications_list {
margin-bottom: 20px;
margin-left: 10px;
}
.notifications_list li {
list-style-type: none;
padding: 4px 2px;
}
.notifications_list label {
padding-left: 10px;
}
.notifications_list input, .notifications_list label {
vertical-align: middle;
}
.import_list_p {
font-size: 12px;
color: #666;
padding: 10px;
}
#search_gmail_friends {
padding-top: 10px;
padding-left: 10px;
}
.search_results_h {
color: #3B7E0A;
margin-top: 25px;
font-size: 12px;
}
.search_list_header {
padding: 5px 10px;
background: #f9f9f9;
border: 1px solid #d4e9e7;
width: 530px;
color: #14556B;
font-weight: bold;
font-size: 11px;
}
.search_list_header label {
color: #14556B;
font-weight: bold;
}
.search_list_avatar_photo {
width: 100px;
overflow: hidden;
}
.search_users_actions {
width: 160px;
}
.search_users_actions .ajax_loader_small {
top: 7px;
position: relative;
left:-4px;
}
.search_users_actions .flash_info {
padding: 5px 3px;
color: #3B7E0A;
}
.search_list_box {
height: 240px;
width: 550px;
overflow: auto;
border: 1px solid #d4e9e7;
border-top: none;
}
.search_list {
font-size: 11px;
width: 100%;
}
.search_list td {
padding: 4px 10px;
border: none;
vertical-align: middle;
}
.search_gmail_color_1 {
background: #fff;
}
.search_gmail_color_2 {
background: #f2f9ff;
}
/* ********************* NEW COMMENT STYLE ******************* */
.comment_box {
border-bottom: 1px dotted #dedede;
}
.comments_header {
font-weight: normal;
font-size: 20px;
color: #68a56d;
margin-left: 20px !important;
padding-bottom: 10px;
border-bottom: 1px dotted #68a56d;
margin-top: 20px;
}
.comment_avatar {
width: 120px;
height: 120px;
text-align: center;
font-size: 11px;
}
.comment_avatar_photo {
border: 1px solid #cad5a4;
overflow: hidden;
margin-bottom: 4px;
}
.comment_avatar_name {
text-decoration: none;
}
.comment_top {
background: url(/images/active_comment_top.png) left top no-repeat;
width: 440px;
height: 12px;
}
.comment_date {
font-size: 11px;
color: #737373;
padding-left: 10px;
padding-bottom: 4px;
}
.comment_content {
background: url(/images/active_comment_content.png) left top repeat-y;
width: 425px;
overflow: hidden;
padding: 10px 15px;
font-size: 12px;
}
.comment_bottom {
background: url(/images/active_comment_bottom.png) left top no-repeat;
width: 440px;
height: 12px;
}
.comment_arrow {
background: url(/images/active_comment_arrow.png) left top no-repeat;
width: 9px;
height: 17px;
position: absolute;
left: 142px;
top: 70px;
}
.comment_cloud {
margin-left: 20px;
}
.comment_hidden .comment_arrow {
background: url(/images/inactive_comment_arrow.png) left top no-repeat;
}
.comment_hidden .comment_top {
background: url(/images/inactive_comment_top.png) left top no-repeat;
}
.comment_hidden .comment_content {
background: url(/images/inactive_comment_content.png) left top repeat-y;
color: #9c9c9c;
}
.comment_hidden .comment_bottom {
background: url(/images/inactive_comment_bottom.png) left top no-repeat;
}
.owner_comment_top {
background: url(/images/owner_comment_top.png) left top no-repeat;
width: 440px;
height: 12px;
}
.owner_comment_content {
background: url(/images/owner_comment_content.png) left top repeat-y;
width: 425px;
overflow: hidden;
padding: 10px 15px;
font-size: 12px;
color: #fff;
}
.owner_comment_bottom {
background: url(/images/owner_comment_bottom.png) left top no-repeat;
width: 440px;
height: 12px;
}
.owner_comment_arrow {
background: url(/images/owner_comment_arrow.png) left top no-repeat;
width: 9px;
height: 17px;
position: absolute;
left: 142px;
top: 70px;
}
.comment_hidden .owner_comment_arrow {
background: url(/images/inactive_comment_arrow.png) left top no-repeat;
}
.comment_hidden .owner_comment_top {
background: url(/images/inactive_comment_top.png) left top no-repeat;
}
.comment_hidden .owner_comment_content {
background: url(/images/inactive_comment_content.png) left top repeat-y;
color: #9c9c9c !important;
}
.comment_hidden .owner_comment_bottom {
background: url(/images/inactive_comment_bottom.png) left top no-repeat;
}
/* **************************** MYACCOUNT MYCLASSES VIEW ***************************** */
.myclass_header_title {
width: 400px;
}
.myclass_header_status {
width: 140px;
text-align: center;
}
.myclass_header_years {
width: 120px;
text-align: center;
}
.myclass_title {
width: 390px;
padding: 10px;
float: left;
}
.myclass_title a{
color: #333;
font-weight:bold;
}
.myclass_status {
width:120px;
float: left;
padding: 10px;
text-align: center;
}
.myclass_years {
width: 120px;
float: left;
padding: 10px;
text-align: center;
}
.myclass_exit {
font-size: 11px;
margin-top: 14px;
padding-left: 20px;
}
.myclass_exit .ajax_loader_small{
left: 8px;
}
.edit_class_link {
margin-left: 40px;
color: #3B7E0A !important;
}
.red_link {
color: #d40207 !important;
}
.myclass_school {
padding-left: 25px;
font-size: 11px;
}
.my_schoolclass {
padding:0 20px 0 0;
}
.my_schoolclass a {
color: #296C7D;
}
#user_myclass_list {
font-size: 11px;
}
#user_myclass_list li {
border-bottom: 1px dotted #8DC191;
border-top: 1px dotted #8dc191;
margin-top: -1px;
overflow: hidden;
position: relative;
}
#user_myclass_list li:hover {
background: #F3F7FB;
}
#user_myclass_list a {
text-decoration: none;}
#profile_types {
list-style-type: none;
width: 100%;
text-align: center;
margin: 20px 0 30px 0;
}
#profile_types li {
display: inline;
font-weight: bold;
margin: 0 10px;
}
#profile_types a {
color: #3b7e0a;
text-decoration: none;
}
#profile_types a:hover, #profile_types a:focus {
color: #0073C4;}
#profile_types li img {
vertical-align: middle;
}
/* ***************************************** ICONS STYLES ******************************************************************* */
.edit_photo, .delete_photo, .add_friend_small, .new_message_small,
.friends_list_small, .gallery_small, .delete_friend_small, .add_photo_small {
width: 26px;
height:26px;
display: block;
float: left;
margin: 2px;
position: relative;
}
.edit_photo {
background: url('/images/icons/edit_photo.png') center;}
.new_message_small {
background: url('/images/icons/new_message_small.jpg') center;}
.friends_list_small {
background: url('/images/icons/friends_small.jpg') center;}
.gallery_small {
background:url('/images/icons/gallery_small.jpg') center;}
.delete_photo {
background: url('/images/icons/delete_photo.jpg') center;}
.add_friend_small {
background:url('/images/icons/add_friend2.png') center;}
.delete_friend_small {
background: url('/images/icons/delete_friend_small.png') center;}
.add_photo_small {
background: url('/images/icons/add_photo.png') center;}
.join {
position: relative;
float: left;
display: block;
width: 110px;
height: 20px;
padding: 5px 0 0 25px;
background: url('/images/icons/join_class_button.png') center;
text-decoration: none;
font-size: 12px;
}
.profile_open, .profile_half_open, .profile_closed {
display: inline-block;
height:26px;
padding-right: 32px;
padding-top: 5px;
margin-left: 5px;
vertical-align: middle;}
.profile_open {
background:url('/images/icons/profile1.png') right no-repeat ;}
.profile_half_open {
background:url('/images/icons/profile2.png') right no-repeat ;}
.profile_closed {
background:url('/images/icons/profile3.png') right no-repeat ;}
.settings, .menu_gallery, .friends_list, .search, .add_friend, .new_message, .gallery {
display: block;
height: 25px;
width: 155px;
padding-left: 48px;
padding-top: 7px;
}
.settings {
background: url('/images/icons/settings.gif') left no-repeat;
}
.menu_gallery {
background: url('/images/icons/gallery.gif') left no-repeat;}
.friends_list {
background: url('/images/icons/friends.gif') left no-repeat;}
.search {
background: url('/images/icons/search.gif') left no-repeat;}
.add_friend {
background: url('/images/icons/add_friend.gif') left no-repeat;}
.new_message {
background: url('/images/icons/new_message.gif') left no-repeat;}
.gallery {
background: url('/images/icons/gallery.gif') left no-repeat;}
.skype_icon {
padding-left: 5px;
vertical-align: -2px;
}
.yahoo_icon {
padding-left: 5px;
vertical-align: -4px;
}
.community_icon, .create_gallery_icon, .search_friends_icon, .talk_icon, .forum_talk_icon, .coins_icon, .browse_gallery_icon, .shared_icon {
width: 21px;
height: 16px;
display: block;
float: left;
padding-right: 10px;
}
.community_icon {
background: url('/images/icons/community.png')center center no-repeat;
}
.create_gallery_icon {
background: url('/images/icons/gallery.png') center center no-repeat;
}
.search_friends_icon {
background: url('/images/icons/search_friends.png') center center no-repeat;
}
.talk_icon {
background: url('/images/icons/talk.png') center center no-repeat;
}
.forum_talk_icon {
background: url('/images/icons/forum_talk.png') center center no-repeat;
}
.coins_icon {
background: url('/images/icons/coins.png') center center no-repeat;
}
.browse_gallery_icon {
background: url('/images/icons/browse_gallery.png') center center no-repeat;
}
.shared_icon {
background: url('/images/icons/shared_photos.png') center center no-repeat;
}
/* ******************************* BUTTONS ******************************************** */
.submit_button_small, .submit_button_medium, .photo_submit_button, .photo_submit_button_large {
border: none;
color: #fff;
height: 31px;
padding-bottom: 4px;
font-weight: bold;
font-size: 12px;}
.submit_button_small {
background: url('/images/buttons/submit_button.png');
width: 86px;
height: 29px;
}
.submit_button_medium {
background: url('/images/buttons/submit_button_medium.png');
width: 111px;
height: 29px;
}
.photo_submit_button {
width: 87px;
background: url('/images/buttons/photo_submit_button.png');}
.photo_submit_button_large {
width: 205px;
background: url('/images/buttons/photo_submit_button_large.png')}
.submit_button_link, .submit_button_link:hover, .submit_button_link:focus {
background: url('/images/buttons/button-right.png') right no-repeat;
float: right;
border: none;
text-decoration: none;
color: #fff;
padding: 0;
font-size: 11px;
line-height: 22px;
margin: 5px 5px 0 0;
text-align: center;
padding:7px 20px 1px 1px;
}
.forum_search {
border: none;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #fff;
padding: 0 0 3px 0;
width: 103px;
height: 29px !important;
text-align: center;
background: url('/images/buttons/join_button_small.png') ;
margin-left: -3px;
position: relative;
z-index: 1;}
.invitation_button {
border: none;
text-decoration: none;
color: #fff;
height: 29px;
width: 124px;
font-size: 10px;
font-weight: bold;
text-align: center;
background: url('/images/buttons/invitation_button.png');}
.forum_button {
float: left;
display: block;
background: url('/images/buttons/forum_button_right.png') right no-repeat;
height: 20px;
color: #fff !important;
text-decoration: none;
font-weight: bold !important;
padding: 6px 18px 3px 2px;
margin-right: 10px;
margin-left: 2px;
}
.forum_button_left {
background: url('/images/buttons/forum_button_left.png') left no-repeat;
display:block;
float:left;
height:21px;
margin-left:-4px;
padding:0;
position:relative;
top:-2px;
width:19px;
}
.forum_button:focus, .forum_button:hover {
text-decoration: none; }
button::-moz-focus-inner {
border: none;
padding: 0;
margin: 0; }
button {
position: relative;
border: 0;
padding: 0 2px 0 0;
margin: 0;
background: none !important;
cursor: pointer;
height: 31px;
overflow: hidden;
line-height: 25px !important;
font-size: 10px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
}
button span {
margin: 0;
}
a .button_left {
float: left;
position: relative;
display: block;
width: 19px;
height: 31px;
padding: 0;
margin-left: -20px;
top: -3px;
}
button .button_left, button .button_left_greenbg, button .button_left_invit, button .button_left_login {
padding: 9px 33px 9px 0;
margin-right: -18px;
line-height: 30px !important;
}
button .button_left {
background: url('/images/buttons/button-left.png') left no-repeat;
}
.button_left {
background: url('/images/buttons/button-left.png') left no-repeat;
}
button .button_left_greenbg {
background: url('/images/buttons/button-left.png') left no-repeat;
}
button .button_left_login {
background: url('/images/buttons/button-left.png') left no-repeat;
}
button .button_left_invit {
background: url('/images/buttons/button-left.png') left no-repeat;
}
button .button_right, button .button_right_greenbg, button .button_right_invit, button .button_right_login {
padding: 9px 23px 9px 2px;
}
button .button_right {
background: url('/images/buttons/button-right.png') right top no-repeat;
}
button .button_right_greenbg{
background: url('/images/buttons/button-right.png') right top no-repeat;
}
button .button_right_invit {
background: url('/images/buttons/button-right.png') right top no-repeat;
}
button .button_right_login {
background: url('/images/buttons/button-right.png') right top no-repeat;
}
.facebook_connect_button {
float: right;
}
.facebook_span {
vertical-align: 7px;
color: #fff;
font-weight: bold;
font-size: 11px;
width: 120px;
line-height: 13px;
}
/* ******************************* STATIC PAGES style ******************************* */
.term_box {
margin-right: 30px;
}
.static_page_title {
color: #51772D;
margin: 10px 0 20px 0;
}
.term_point {
color: #4E4E4E;
font-size: 18px;
border-bottom: 1px solid #D8DFEA;
margin: 30px 0 10px;
}
.term_box p {
font-size: 13px;
margin-bottom: 10px;
line-height: 150%;
}
.term_box h3 {
font-size: 17px;}
.term_list {
margin-left: 15px;
}
.term_list li {
margin-bottom: 4px;}
ol.term_list {
margin-left: 0;
}
ol.term_list li {
list-style-type: none;
margin-bottom: 6px;}
ol.term_list li .term_list {
margin-top: 5px;
}
ol.term_list li .term_list li {
list-style-type: circle !important;
margin-left: 25px;}
.term_menu {
margin: 13px 10px 10px 10px;
list-style-type: none;
font-size: 13px;
}
.term_menu li {
margin-bottom: 3px;
}
.term_menu a {
text-decoration: none;
}
.privacy_box {
margin-left: 260px;
}
/* BANNERS */
.iphone_link {
display: block;
width: 970px;
height: 132px;
}
#photo_insert_baner_small {
background: url('/images/photo_insert_small.jpg') left top no-repeat;
width: 220px;
height: 220px;
margin-bottom: 15px;
}
.photo_insert_link_small {
display: block;
width: 220px;
height: 220px;
}
#photo_insert_baner_medium {
background: url('/images/photo_insert_medium.jpg') left top no-repeat;
width: 328px;
height: 213px;
margin-top: 20px;
}
.photo_insert_link_medium {
display: block;
width: 328px;
height: 213px;
}
.tutorial_box {
padding: 10px 20px;
line-height: 190%;
}
.point_1_content, .point_2_content, .point_3_content, .point_21_content {
line-height: 150%;
}
.tutorial_point {
color: #246e7f;
font-size: 22px;
font-weight: normal;
}
.join_class_point_1_box {
background: url('/images/tutorial/tutorial_point_1.jpg') left top no-repeat;
margin-top: 15px;
width: 927px;
height: 323px;
}
.join_point_1_content {
padding-left: 420px;
font-size: 16px;
margin-bottom: 20px;
}
.join_class_point_2_box {
background: url('/images/tutorial/tutorial_point_2.jpg') left top no-repeat;
width: 927px;
height: 300px;
margin-bottom: 20px;
}
.join_point_2_content, .join_point_21_content {
padding-left: 480px;
font-size: 16px;
margin-bottom: 30px;
}
.join_point_2_content {
padding-top: 70px;
}
.join_point_21_content {
padding-top: 15px;
}
.join_class_point_3_box {
background: url('/images/tutorial/tutorial_point_3.jpg') left top no-repeat;
width: 927px;
height: 316px;
}
.join_point_3_content {
font-size: 16px;
width: 400px;
margin-bottom: 15px;
}
.tut_join_button {
vertical-align: middle;
}
.join_class_point_4_box {
background: url('/images/tutorial/tutorial_point_4.jpg') right top no-repeat;
margin-top: 30px;
width: 847px;
height:320px;
}
.join_point_4_content {
font-size: 16px;
width: 400px;
margin-bottom: 20px;
}
.join_point_41_content {
font-size: 16px;
width: 400px;
margin-bottom: 20px;
margin-top: 80px;
}
.tutorial_highlight {
color: #4D90F3;
font-weight: bold;
background: #FFF9D7;
padding: 4px;
}
/* INVIT TUTORIAL */
.invit_point_1_box {
background: url('/images/tutorial/invit_tutorial_1.jpg') left top no-repeat;
margin-top: 10px;
width: 847px;
height: 310px;
}
.invit_point_1_content {
padding-left: 500px;
font-size: 16px;
margin-bottom: 50px;
}
.invit_point_11_box {
background: url('/images/tutorial/invit_tutorial_11.jpg') right top no-repeat;
width: 908px;
height: 227px;
}
.invit_point_11_content {
font-size: 16px;
padding-top: 50px;
width: 400px;
}
.invit_point_2_box {
background: url('/images/tutorial/invit_tutorial_2.jpg') left top no-repeat;
width: 847px;
height: 280px;
margin-top: 15px;
}
.invit_point_2_content {
padding-left: 450px;
font-size: 16px;
margin-bottom: 25px;
}
.invit_point_3_box {
background: url('/images/tutorial/invit_tutorial_3.jpg') left top no-repeat;
width: 747px;
height: 220px;
margin-top: 15px;
margin-left: 100px;
}
.invit_point_3_content {
padding-left: 350px;
font-size: 16px;
margin-bottom: 30px;
}
/* ADD PHOTOS TUTORIAL*/
.add_photos_point_1_box {
background: url('/images/tutorial/fot_1.jpg') left top no-repeat;
width: 897px;
height: 557px;
}
.add_photos_1_content {
padding-left: 350px;
padding-right: 50px;
font-size: 16px;
margin-bottom: 20px;
}
.add_photos_point_2_box {
float: left;
background: url(/images/tutorial/fot3_l.jpg) left top no-repeat;
width: 429px;
height: 500px;
}
.add_photos_point_2right_box {
float: left;
background: url(/images/tutorial/fot4p.jpg) left 19px no-repeat;
width: 506px;
height: 500px;
}
.add_photos_2_content_r {
padding-left: 80px;
padding-right: 20px;
font-size: 16px;
margin-bottom: 20px;
}
.add_photos_2_content_l {
padding-top: 280px;
padding-left: 20px;
font-size: 16px;
margin-bottom: 20px;
}
.add_photos_point_3_box {
background: url(/images/tutorial/fot5_p.jpg) right top no-repeat;
width: 820px;
height: 503px;
}
.add_photos_3_content_1 {
padding-top: 80px;
padding-left: 20px;
font-size: 16px;
margin-bottom: 100px;
width: 360px;
}
/* insert photos instruction */
.instruction_list {
font-size: 13px;
margin-left: 30px;
}
.important-p {
font-size: 12px;
color: #FC4037;
padding: 15px 10px;
}
.virtual_email_pre {
font-weight: bold;
background: #E5FDFF;
padding: 0;
}
.sms_text {
font-weight: bold;
margin: 3px;
padding: 0;
background: #E5FDFF;
}
.virtual_email {
font-weight: bold;
padding: 3px;
background: #E5FDFF;
}
.photos-insert-p {
padding: 10px;
}
.mms-count {
padding: 10px;
background: #f8f8f8;
font-weight: bold;
color: #3a3a3a;
}
#photos-insert-visitors-box {
padding: 0 265px;
overflow: hidden;
}
.white-big-button {
float: left;
display: block;
background: transparent url(/images/after-login-button.png) no-repeat scroll left top;
width: 200px;
height: 32px;
font-size: 15px;
font-weight: bold;
text-decoration: none;
padding: 13px 0 0 0;
color: #7bb319;
text-align: center;
}
.left-photos-button {
margin-right: 40px;
}
.price-info {
color: #0099CC;
font-size: 11px;
margin-left: 10px;
margin-top: 10px;
}
/* ********************************* HELP CLOUDS STYLE ************************************ */
.new_user_container {
position: relative;
}
.user_name, .user_surname, .user_login, .user_email, .user_password, .user_password_confirmation, .captcha, .user_family_surname {
position:absolute;
left: 268px;
top: -29px;
}
.user_login {
top: -49px !important;
}
.help_cloud_content {
background:url('/images/help_cloud.png') left top no-repeat;
width: 190px;
overflow: hidden;
font-size: 12px;
padding: 9px 19px 0px 19px;
min-height: 40px;
color: #0673C7;
}
.help_cloud_bottom {
background: url('/images/help_cloud_bottom.png') right bottom no-repeat;
width: 227px;
height: 10px;
}
/* MYACCOUNT CLOUDS STYLE */
.current_user_name, .current_user_surname, .current_user_family_surname, .current_user_school_nickname , .current_user_city, .current_user_actual_job,
.current_user_phone_number, .current_user_yahoo_messanger, .current_user_skype, .current_user_hi5, .current_user_facebook {
position:absolute;
left: 268px;
top: -29px;
z-index: 100;
}
.birth_date_cover {
display: none;
}
#search_gmail_friends .flash {
width: 520px;
}
/* AFTER REGISTRATION FIND FRIENDS */
#box_centered {
width: 699px;
margin: 20px auto;
padding: 0;
overflow: hidden;
}
#after-login-header {
background: url(/images/after-login-header.png) left top no-repeat;
width: 699px;
height: 60px;
}
.box_padding {
padding: 10px !important;
}
.welcome_header {
padding-left: 10px;
margin-bottom: 15px;
}
.skip_link {
float: right;
font-size: 11px;
padding-right: 10px;
}
.steps_header {
height: 55px;
padding:4px 3px 1px 3px;
overflow: hidden;
}
#steps-content {
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
}
#steps-footer {
background: url(/images/after-login-footer.png) left bottom no-repeat;
width: 699px;
height: 5px;
}
.steps_link {
background: url(/images/step-spacer.png) right top repeat-y;
text-decoration: none;
font-size: 14px;
color: #7bb319;
display: block;
padding: 11px 35px 12px 20px;
float: left;
font-weight: bold;
}
.step_menu_list {
list-style-type: none;
}
.step_menu_list li {
float: left;
overflow: hidden;
position: relative;
}
.step_menu_list .step_menu_active {
background: #e5f6c8;
}
.steps_link:hover, .steps_link:focus {
background: #e5f6c8;
}
.step_menu_list li .check{display: none;}
.step_menu_list li.checked .check {
display: block;
position: absolute;
height: 18px;
width: 19px;
right: 7px;
top: 10px;
background: url('/images/step_check.png') no-repeat;
}
.steps_link span {
font-size: 12px;
font-weight: normal;
}
.first_steps_content {
padding: 15px 20px;
overflow: hidden;
}
.photo_info_step {
background: url(/images/after-login-button.png) left top no-repeat;
margin: 20px auto;
overflow: hidden;
padding: 14px 0 0 0px;
position: relative !important;
height: 31px;
float: left;
margin-left: 212px;
width: 201px;
text-align: center;
}
.photo_info_step .photo_browse {
font-size: 42px;
width: 250px;
right: 630px;
top: 0;
}
.add_photo_link {
font-size: 16px;
text-decoration: none;
font-weight: bold;
color: #7BB319;
}
.add_photo_camera_icon {
background: url(/images/camera_add_photo_icon.png) no-repeat;
width: 46px;
height: 49px;
display: block;
position: absolute;
left: 20px;
top: 0;
}
.join_class_link_icon {
background: url(/images/join_class_link_icon.png) no-repeat;
width: 57px;
height: 49px;
display: block;
position: absolute;
left: 13px;
top: 10px;
}
/* *********************************************************** ADMIN STYLE ********************************************************************* */
#admin_boxes {
width: 915px;
min-height: 400px;
margin: 10px 0 10px 5px;
padding-bottom: 30px;
border-bottom: 1px solid #D6EB9A;
font-size: 12px;
}
.admin_panel_box {
padding: 10px 30px;
}
.admin_sort_options {
margin: 10px 0;
background: #F2F9FF;
padding: 5px 10px;
border: 1px solid #C8E3FF;
}
.admin_sort_list {
list-style-type: none;
float:left;
margin: 15px 0;
}
.admin_sort_list li {
padding: 2px 5px;
margin-right: 20px;
}
.admin_table {
margin: 20px 0;
width: 916px;
}
.admin_table td {
padding: 5px 10px;
color: #000;
}
.admin_table_title {
font-weight: bold;
background: #F2F9FF;
}
.empty_table {
text-align: center;
}
.admin_information_list {
margin: 15px 0;
list-style-type: none;
}
.admin_information_list li {
padding: 2px 0;
margin: 4px 0;
}
.admin_translate_box {
margin-top: 15px;
padding: 10px 20px;
width: 400px;
}
/* NEWSLETTER CONTENT */
.admin_newsletter_content {
padding: 10px 15px;
width: 732px;
height: 400px;
font-size: 13px;
}
/* LAST JOINS */
.last_joins_box {
margin-left: 33px;
}
.last_joins_box .foto {
margin-bottom: 15px;
height: 170px;
}
#login-rights-links {
background: url(/images/login-form-border-blue.png) left top repeat-x;
float: right;
margin-top: 10px;
padding: 8px 0 0 0;
width: 415px;
}
#school_find_button {
float: left;
display: block;
background: url(/images/login-button-white-blue.png) left top no-repeat;
width: 200px;
height: 34px;
text-decoration: none;
padding: 13px 0 0;
color: #7bb319;
font-weight: bold;
text-align: center;
font-size: 15px;
margin-right: 15px;
}
.header-mms-counts {
color: #296C7D;
}