/* RESET ALL CSS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1.0;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}


/**/

body {
background-color:#fff;
font-family:  Verdana, sans-serif;
font-size:12px; 
text-align: center;
}

#main {
display: block;
width:960px;
margin:0 auto 0 auto;
text-align: left;
}

.pageContent {
position:relative;
width:960px;

background-repeat:no-repeat;
background-position:top left;
padding-top:259px;
overflow:hidden;
margin-top:20px;
}
#SN{
background-image:url("../img/bg_body.jpg");
}
#status{
background-image:url("../img/bg_body_status.jpg");
}
#footer {
margin-top:20px;
}

#register {
float:right;
margin-top:101px;
margin-right:35px;
text-align:center;
}

#register a {
display:block;
width:180px;
height:20px;
text-decoration:none;
color:#fff;
background-image:url("../img/btn_register.gif");
background-position:top left;
background-repeat:no-repeat;
padding:9px 20px;
font-size:15px;
font-weight:bold;
}

#register a:hover {background-position: 0 -40px;}

.specialMess{
background-color:#e9eff2;
overflow:hidden;
height:370px;
}
 .specialSN  h1 {
margin-top:20px;
margin-left:25px;
padding-bottom:10px;
font-size:29px;
color:#307CCF;
font-weight:normal;
}
.specialSN .subtitle{
margin-left:25px;
font-size:15px;
margin-bottom:20px;

}
.specialSN .subtitle span{
font-weight:bold;
}
.specialSN >#usp{margin-left:30px;}
.moreInfo{
float:left;
margin-left:265px;
margin-top:10px; 
width:90px;
}
.moreInfo a{
color:#307ccf;
}
.moreInfo a:hover{
text-decoration:none;
}

#info {border-top:2px solid #ccc;padding-top:2px;font-size:11px;color:#222;}


/*detail page*/

#detailPage{
float:left;
margin:10px 20px;
width:50%;

}
.specialSN >#detailPage{

margin:10px 30px;

}
.firstTitle{
font-size:20px; 
color:#307ccf;
font-weight:normal;
}

.titleFacility{
font-size:14px;
font-weight:bold;
margin-bottom:5px;
}
#facilitiesList{
margin-top:15px;
}
#facilitiesList li{
background-image:url("../img/iconsFacility.gif");
background-repeat: no-repeat;
margin-bottom:10px;
padding-left:58px;
padding-top:3px;
float:left;
width:400px;
font-size:11px;
}
#facilitiesList li.messenger{
background-position: 0 4px;
}

#facilitiesList li.status{
background-position: 0 -46px;
}
#facilitiesList li.places{
background-position: 0 -109px;
}
#facilitiesList li.coffeVirt{
background-position: 0 -163px;
}
#facilitiesList li.email{
background-position: 0 -212px;
}
#searchfriends{
background-color:#fff;
border: 1px solid #c4d2db;
float:left;
width:37%;
margin-top:15px;
margin-left:10px;
height:175px;
}
#searchfriends h2{
background-image:url("../img/bg_search.gif");
background-repeat:no-repeat;
background-position:right;
margin:13px 20px 5px 20px;
padding-top:10px;
height:50px;
padding-right:40px;


}

#searchfriends h3{
font-weight:normal;
margin:5px 20px;
}

#searchfriends h3 span{
font-weight:bold
}

#searchfriends #register {
float:left; 
margin-left:30px;
margin-bottom:15px;
margin-top:21px;
}

#searchfriends >#register {
margin-left:72px
}
.detailFacility {
	background:url(../img/emoticonsFacility.jpg) no-repeat right;
	width:78%;
	height:21px;

}
.specialSN{
background-color:#e9eff2;
float:left

}

/*Inapoi la scoala*/

#backtoschool{
background-image:url("../img/bg_body_school.jpg");
}

#backtoschool  #usp{
background-image:url("../img/bg_usp_school.gif");
height:70px;
}
#backtoschool  #detailPage {
width:960px;
overflow:auto;

}
#backtoschool  #detailPage  h2{
font-size:12px;
color:#000;
font-weight:bold;
}
#facilitiesList_school {
overflow:auto;
width:960px}
#facilitiesList_school li {
background-image:url("../img/bg_list.gif");
background-repeat: no-repeat;
margin:10px 7px 10px 0px;
height:82px;
padding-top:3px;
float:left;
width:298px;
font-size:11px;
overflow:auto
}
#facilitiesList_school li  h3{
background-image:url("../img/iconsFacility_school.gif");
background-repeat:no-repeat;
padding:29px 0px 20px 70px
}
#facilitiesList_school li  h3.messenger_school{
background-position: 9px 11px;
}
#facilitiesList_school li  h3.messenger_school span{
color:#2196ce;
}
#facilitiesList_school li  h3.cafe_school{
background-position: 9px -88px;
}
#facilitiesList_school li  h3.cafe_school span{
color:#d85a00;
}
#facilitiesList_school li  h3.chucklesh_school{
background-position: 9px -181px;
} 
#facilitiesList_school li  h3.chucklesh_school span{
color:#e39100
}
#backtoschool h4{
width:100%;
overflow:auto;
}
#backtoschool   #register{
margin-left:185px;
float:left;
margin-top:20px; 
}
#backtoschool  .footer_school >#register {
float:left;
margin-top:35px;
margin-left:360px;
}

#backtoschool  #register a{
font-size:13px;
padding:10px 20px;

background-image:url("../img/btn_register.gif")
}
#backtoschool  #register a:hover{
background-position: 0px -40px;
}
.footer_school {
background-image:url("../img/bg_footer.gif");
background-position:bottom right;
overflow:auto;
width:960px;
background-repeat:no-repeat;
height:100px;
}
#backtoschool .subtitle li {
background-image:url("../img/sageata.gif");
background-repeat:no-repeat;
padding-left:10px;
background-position:center left;
line-height:18px;
}
#backtoschool .subtitle li  span{
font-weight:bold;
}