@import url('http://www.icloud.com/styles/icloud.css');
@import url('http://www.icloud.com/styles/jquery.lightbox-0.5.css');

.divider_left
{
height: 550px;
display: block;
padding-left: 20px;
float: left;
background: url('http://www.icloud.com/images/framework/divider_left.png') no-repeat right top;
position: relative;
}

.divider_right
{
background: url('http://www.icloud.com/images/framework/divider_right.png') left top no-repeat;
height: 550px;
padding-left: 15px;
position: relative;
float:left;
}


/* Profiles */

#profile_middle
{
width:500px;
float:left;
}

#profile_middle h1
{
padding:0;
margin-bottom:5px;
color:#bbb;
}

/*
#profile_status
{
height:24px;
width:24px;
display:inline;
float:left;
margin-top:5px;
margin-right: 5px;
}
*/

#profile_info
{
clear:both;
}

#profile_country, #profile_statusimg
{
height:24px !important;
width:24px !important;
display:inline;
float:left;
margin-right: 5px;
margin-bottom: 3px;
}

#profile_infoContainer
{
width:498px;
height: 70px;
margin-left: 0px;
display: inline;
float:left;
background-color:#f2f2f2;
position:relative;
margin-bottom: 10px;
}

#photo_infoContainer
{
width:498px;
height: 24px;
margin-left: 0px;
display: inline;
float:left;
background-color:#f2f2f2;
position:relative;
margin-bottom: 10px;
}

#profile_infoContainer div
{
height: 44px;
padding-top: 10px;
padding-left: 20px
}

#photo_infoContainer div
{
padding-top: 5px;
padding-left: 12px
}

#profile_avatar
{
display:inline;
float:left;
width:128px;
height:128px;
margin-bottom: 4px;
}

#profile_left
{
width:160px;
float:left;
padding:0 5px;
margin-right: 10px;
/* border:1px solid black; */
}

#profile_left label
{
font-weight:bold;
}

/*
#profile_left input
{
border:1px solid #CCCCCC;
width:142px;
}
*/

#profile_left form
{
padding: 0;
margin: 0;
padding-bottom: 10px;
/* border-bottom: 1px solid #d0d0d0; */
}

#profile_right
{
padding-left:4px;;
width:174px;
float:left;
}

h2
{
font-size:18px;
font-family: myriad pro, trebuchet ms, arial, verdana;
border-bottom: 1px solid #e6e6e6;
color:#000000;
clear:both;
}

#profile_middle h2
{
clear:both;
}

.profile .text
{
margin: 0;
}

.profile .detailValue
{
font-weight:normal;
display:block;
word-wrap: break-word;
font-size:12px;
}

* html .profile .detailValue
{
position:relative;
z-index:10;
}

.profile .latestActivity
{
font-weight:bold;
display:block;
word-wrap: break-word;
font-size:24px;
}

.profile .detailTime
{
color:#A4A4A4;
/*color:#bbb;*/
margin-bottom: 10px;
display:block;
}

.profile .detailTime a
{
color:#A4A4A4;
/*color:#bbb;*/
}

.profile .visitor
{
width:48px;
height:48px;
margin: 1px;
position:relative;
display:inline;
zoom:1; /*ie6 fix*/
}

.profile .visitorSmall
{
width:36px;
height:36px;
margin: 1px;
position:relative;
display:inline;
zoom:1; /*ie6 fix*/
}

.movieThumb
{
width:80px;
height:60px;
margin: 1px;
position:relative;
display:inline;
zoom:1; /*ie6 fix*/
padding:3px;
border:1px solid #e2e2e2;
background-color:#ffffff;
}

.bookmThumb
{
width:80px;
height:60px;
margin: 1px;
position:relative;
display:inline;
zoom:1; /*ie6 fix*/
padding:3px;
border:1px solid #e2e2e2;
background-color:#ffffff;
}



/* Search */

#search_middle
{
width:472px;
float:left;
}

#search_middle h1
{
padding:0;
margin-bottom:5px;
color:#bbb;
}

#search_status
{
height:16px;
width:16px;
display:inline;
float:left;
margin-top:9px;
margin-right: 5px;
}

#search_info
{
clear:both;
}

#search_country, #search_statusimg
{
height:24px;
width:24px;
display:inline;
float:left;
margin-right: 5px;
margin-bottom: 10px;
}

#search_infoContainer
{
width:472px;
display: inline;
float:left;
background-color:#e5e5e5;
margin-bottom:5px;
}

#search_infoContainer div
{
height: 44px;
padding: 10px;
}

#search_infoContainer #search
{
padding:0;
margin:0;
height:20px;
width: 419px;
display:inline;
float:left;
}

#search_infoContainer #mag
{
margin-left:3px;
display:inline;
float:left;
}

#search_infoContainer label
{
display:block;
font-weight:bold;
}

#search_avatar
{
display:inline;
float:left;
width:128px;
height:128px;
}

#search_left
{
width:160px;
float:left;
padding-right:10px;
}

#search_left label
{
font-weight:bold;
}

#search_left input
{
width:154px;
}

#search_left form
{
padding: 0;
margin: 0;
padding-bottom: 10px;
border-bottom: 1px solid #d0d0d0;
}

#search_right
{
padding-left:10px;
width:160px;
float:left;
}

.search h2
{
border-bottom: 1px solid #d0d0d0;
}

.search .text
{
margin: 0;
}

.search .detailValue
{
font-weight:normal;
display:block;
}

.search .detailValue a,
.search .detailValue a:visited
{
color:#99b5e2;
}

.search .detailValue p
{
width:350px;
font-weight:normal;
}

.search .detailTime
{
color:#A4A4A4;
/*color:#bbb;*/
margin-bottom: 5px;
display:block;
}

.search .detailTime a
{
color:#A4A4A4;
/*color:#bbb;*/
}

.search .avatar
{
width:48px;
height:48px;
display:inline;
float:left;
margin: 2px;
position: relative;
z-index: 2;
}

.search .result
{
display:inline;
float:left;
width:210px;
background-color: #f2f2f2;
padding:5px;
margin: 8px;
position:relative;
}

.displayFriend
{
display:inline;
float:left;
width:210px;
background-color:#f2f2f2;;
padding-left:10px;
padding-right:7px;
padding-top:7px;
padding-bottom:5px;
margin: 8px;
position:relative;
}

.search .result div
{
float:left;
padding-left:4px;
width: 146px;
display:inline;
}


/* Error */

#error_middle
{
width:650px;
float:left;
}

#error_middle h1
{
padding:0;
margin-bottom:5px;
color:#bbb;
}

#error_left
{
width:160px;
float:left;
padding-right:10px;
}

#error_left label
{
font-weight:bold;
}

#error_left input
{
width:154px;
}

#error_left form
{
padding: 0;
margin: 0;
padding-bottom: 10px;
border-bottom: 1px solid #d0d0d0;
}


/* Various junk */

.corner1, .corner2, .corner3, .corner4
{
width:  10px;
height: 10px;
position:absolute;
}
.corner1
{
background:url('http://www.icloud.com/images/box_f2f2f2_stripe.gif') -3px -3px;
}
.corner2
{
background:url('http://www.icloud.com/images/box_f2f2f2_stripe.gif') -3px -37px;
}
* html .corner2
{
background-position-y:-31px !important;
}
.corner3
{
background:url('http://www.icloud.com/images/box_f2f2f2_stripe.gif') -35px -3px;
}
.corner4
{
background:url('http://www.icloud.com/images/box_f2f2f2_stripe.gif') -35px -37px;
}
* html .corner4
{
background-position-y:-31px !important;
}
#content
{
background:url('http://www.icloud.com/images/framework/content_bg_repeat.png') !important;
width: 880px !important;
padding: 0 20px !important;
}
* html #content
{
width: 880px !important;
padding: 0 20px !important;
height: 1px;
background: transparent;
background-image:none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://www.icloud.com/images/framework/content_bg_repeat.png');
}
#tabs_OLD
{
display:none !important;
}
* html #searchProfile
{
position:relative;
}
* html a
{
position:relative;
}

.detailsLabel
{
padding: 5px;
display: block;
width: 75px;
font-weight: bold;
float: left;
}

.detailsValue
{
padding: 5px;
display: block;
width: 145px;
font-weight: normal;
float: left;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
overflow-x:hidden;
margin-right:5px;
}

#navigation
{
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}

#detailsContainer
{
width:490px;
}

#friendsContainer
{
width:490px;
}

#guestbookContainer
{
width:490px;
}

#activityContainer
{
width:490px;
}

#gbHeaderBlue
{
background-image:url('http://icloud.com/images/gradients/blue.gif');
background-repeat:repeat-x;
}

#gbContentBlue
{
/*filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#e8edf7, endColorstr=#ffffff);*/
background-color: #e8edf7;
}

#gbHeaderGreen
{
background-image:url('http://icloud.com/images/gradients/green.gif');
background-repeat:repeat-x;
}

#gbContentGreen
{
background-color: #e9efdd;
}

#photosContainer
{
width:500px;
text-align:center;
position:relative;
}
#detailsContainer div
{
clear:both;
}
#avatarContainer
{
height:128px;
width:128px;
overflow:hidden;
}

#visitorContainer
{
height:48px;
width:48px;
overflow:hidden;
}

.photos
{
float:left;
margin:0 5px 5px 5px;
padding:3px;
border:1px solid #e2e2e2;
background-color:#ffffff;
width:107px;
height:107px;
}

.linkBlue {
font-size:13px;
color: rgb(153, 181, 231);
FONT-FAMILY: arial, helvetica, verdana, tahoma;
}

/*Base HTML*/

#searchFormL{
color:#fffffff;
}

#searchProfileL{
position:relative;
-moz-border-radius:2px !important;
-webkit-border-radius:2px;
border-radius:2px;
color:#9f9f9f;
font-size:11px;
height:16px;
padding:2px;
border:1px solid #ccc;
}

#searchProfileSubmitL{
margin-left:-20px;
margin-top: 3px;
position:absolute;
background-image:url('http://s1.os.icloud.com/icons/applications/16x16/view.png');

}
*html #searchProfileSubmitL{
background-image:none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s1.os.icloud.com/icons/applications/16x16/view.png', sizingMethod='scale');
}


#searchForm{
position:absolute;
top:20px;
left:500px;
color:#fffffff;
}

#searchProfile{
left:200px;
position:absolute;
top:25px;
width:200px;
-moz-border-radius:2px !important;
-webkit-border-radius:2px;
border-radius:2px;
color:#9f9f9f;
font-size:11px;
height:16px;
padding:2px;
border:1px solid #ccc;
}

#searchProfileSubmit{
left:380px;
position:absolute;
top:28px;
width:16px;
height:16px;
background-image:url('http://www.icloud.com/images/profile/photos_presentation.jpg');
}
*html #searchProfileSubmit{
background-image:none !important;
top:30px !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s1.os.icloud.com/icons/applications/16x16/view.png', sizingMethod='scale');
}

div.bG2 {
float:left;
}

#btn_login{
margin-left:11px;
}

.bG2 {
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:#E3E3E3;
border:1px solid #CCCCCC;
color:#000000;
cursor:pointer;
height:20px;
padding-bottom:3px;
width:65px;
}

.bG2l {
background-color:#F9F9F9;
border-bottom:1px solid #EEEEEE;
height:10px;
position:relative;
width:65px;
overflow:hidden;
}

.bG2t {
font-weight:bold;
margin-top:-5px;
position:relative;
text-align:center;
width:65px;
font-size:11px;
}

#btn_signup{
background-color:#9FFF80 !important;
}

#btn_signup .bG2l{
background-color:#C6FFB3 !important;
border-bottom:1px solid #8CFF66 !important;
}

label{
font-size:11px;
color:#323232;
display:block;
}

#login_form_side input{
margin-bottom:12px;
position:relative;
}

.iTab{
background-image:url('http://www.icloud.com/images/tabs/tab2_start.png');
color:#fff;
font-size:9px;
font-family:verdana, arial;
height:25px;
display:block; /*for IE*/
display:inline-block !important; /* for good browsers */
float:left;
margin:0 0.1em;
cursor:pointer;
}

.selected {
opacity: 0.5;
filter: alpha(opacity=50);
}

.iTab span{
display:inline-block;
float:left;
margin:5px -1px 0 7px;
}
.iTab b{
background-image:url('http://www.icloud.com/images/tabs/tab2_end.png');
background-color: #ffffff;
height:25px;
width:7px;
display:inline-block;
}

/* Footer css */

#footer{
font-size: 10px;
padding-right: 6px;
color: #444;
margin-top:15px;
}

#footer a{
color: #444;
font-family:verdana;
font-size:11px;
line-height:17px;
}

.ol_footer{
float:left;
list-style-type:none;
margin:0 7px;
padding:0 10px;
width:115px;
}

.ol_header{
font-weight:bold;
font-size:12px;
margin-bottom:6px;
}

#footer_links{
color:#443;
float:left;
width:605px;
height:130px;
}

#footer_copy{
float:right;
width:280px;
text-align:right;
}