/* CSS Document */

#profileCol1and2Wrapper { float:left; width:869px; }
#profileDetailsWrapper { clear:left; }

/* PROFILE ABOUT ME PANEL */
#profileHeader {
	margin:0;
	background: transparent url(../images/profile/profileHeaderBg.jpg) no-repeat;
	padding: 38px 0 40px 40px;
	color:#000;
	font-size:1.1em;
}
#profileFooter {
	padding:10px 20px 32px 38px;
	margin-bottom:20px;
	background: transparent url(../images/register/registrationFooterBg.jpg) no-repeat 12px bottom;
}

#aboutMeLeftCol { float:left; width:23%; }
#aboutMeLeftCol ul { font-weight:bold; }
#aboutMeLeftCol ul li.joinLink { margin-top:20px; }
#aboutMeLeftCol img.ArmyLogo { margin:0 0 20px 0; }

#aboutMeRightCol { float:right; width:75.5%; }

#profileFooter img { border: 5px solid #3b3b3b; margin:0 0 10px 0; }

#profileDetails { margin-bottom:1.6em; font-weight:bold; color:#ffca00; }
#profileDetails li span { color:#fff; font-weight:normal;  }

#profileDetailsList { clear:both; margin-top:20px; }
#profileStats { clear:both; }
#profileDetailsList dt, #profileStats dt { font-weight:bold; color:#ffca00;float: left;width:17%;}
#profileDetailsList dd , #profileStats dd { margin-bottom:2em;float: left;width:33%; word-wrap: break-word; }

#profileStats li { display:inline; color:#ffca00; border-left: 1px solid #ffca00;padding-right:8px; margin-right:6px;  }
#profileStats li.firstNode { border-left: 0; }

/* PROFILE DETAILS */
#profileTabsNavWrapper {
	height:55px;
	background: transparent url(../images/profile/profileNavTabsBg.jpg) no-repeat;
	padding: 21px 0 0 33px;
}
#profileTabsContent {
	padding:0 20px 20px 38px;
	background: transparent url(../images/profile/profileNavTabsMidBg.jpg) repeat-y 0 bottom;
}
#profileTabsFooter {
	height:46px;
	background: transparent url(../images/profile/profileNavTabsFooterBg.jpg) no-repeat 0 bottom;
	clear: both;
}
#profileTabs li { display:inline; }
#profileTabs li a {
	height:29px;
	display:block;
	float:left;
	background: transparent;
}

/* PROFILE TABS */
#profileTabs #myBandsEmpty { display: none; }

#profileTabs #latest a { background: url(../images/profileTabs/latest.jpg) no-repeat; }
#profileTabs #videos a { background: url(../images/profileTabs/videos.jpg) no-repeat; width:65px; }
#profileTabs #photos a { background: url(../images/profileTabs/photos.jpg) no-repeat; width:72px; }
#profileTabs #myBands a { background: url(../images/profileTabs/myBands.jpg) no-repeat; width:90px; }
#profileTabs #influences a { background: url(../images/profileTabs/influences.jpg) no-repeat; width:89px; }
#profileTabs #bandsIlike a { background: url(../images/profileTabs/bandsIlike.jpg) no-repeat; width:103px; }
#profileTabs #samelabel a { background: url(../images/profileTabs/label.jpg) no-repeat; width:103px; }
#profileTabs #music a { background: url(../images/profileTabs/music.jpg) no-repeat; width:59px; }
#profileTabs #gigs a { background: url(../images/profileTabs/gigs.jpg) no-repeat; width:52px; }
#profileTabs #reviews a { background: url(../images/profileTabs/reviews.jpg) no-repeat; width:76px; }
#profileTabs #friends a { background: url(../images/profileTabs/friends.jpg) no-repeat; width:90px; }
#profileTabs #fans a { background: url(../images/profileTabs/fans.jpg) no-repeat; width:53px; }
#profileTabs #blog a { background: url(../images/profileTabs/blog.jpg) no-repeat; width:52px; }
#profileTabs #comments a { background: url(../images/profileTabs/comments.jpg) no-repeat; width:91px; }
#profileTabs #horoscope a { background: url(../images/profileTabs/horoscope.jpg) no-repeat; width:102px; }

/* PROFILE TABS MOUSEOVER & ON */
#profileTabs #latest a:hover, #profileTabs #latest a.on { background: url(../images/profileTabs/latest_on.jpg) no-repeat; }
#profileTabs #videos a:hover, #profileTabs #videos a.on { background: url(../images/profileTabs/videos_on.jpg) no-repeat; }
#profileTabs #photos a:hover, #profileTabs #photos a.on { background: url(../images/profileTabs/photos_on.jpg) no-repeat; }
#profileTabs #myBands a:hover, #profileTabs #myBands a.on { background: url(../images/profileTabs/myBands_on.jpg) no-repeat; }
#profileTabs #bandsIlike a:hover, #profileTabs #bandsIlike a.on { background: url(../images/profileTabs/bandsIlike_on.jpg) no-repeat; }
#profileTabs #influences a:hover, #profileTabs #influences a.on { background: url(../images/profileTabs/influences_on.jpg) no-repeat; }
#profileTabs #samelabel a:hover, #profileTabs #samelabel a.on { background: url(../images/profileTabs/label_on.jpg) no-repeat; }
#profileTabs #gigs a:hover, #profileTabs #gigs a.on { background: url(../images/profileTabs/gigs_on.jpg) no-repeat; }
#profileTabs #music a:hover, #profileTabs #music a.on { background: url(../images/profileTabs/music_on.jpg) no-repeat; }
#profileTabs #reviews a:hover, #profileTabs #reviews a.on { background: url(../images/profileTabs/reviews_on.jpg) no-repeat; }
#profileTabs #friends a:hover, #profileTabs #friends a.on { background: url(../images/profileTabs/friends_on.jpg) no-repeat; }
#profileTabs #fans a:hover, #profileTabs #fans a.on { background: url(../images/profileTabs/fans_on.jpg) no-repeat; }
#profileTabs #blog a:hover, #profileTabs #blog a.on { background: url(../images/profileTabs/blog_on.jpg) no-repeat; }
#profileTabs #comments a:hover, #profileTabs #comments a.on { background: url(../images/profileTabs/comments_on.jpg) no-repeat; }
#profileTabs #horoscope a:hover, #profileTabs #horoscope a.on { background: url(../images/profileTabs/horoscope_on.jpg) no-repeat; }

/* PROFILE CONTENT COLOUMNS */
#profileContentCol1 { width:370px; float:left; margin-right:0px; background-color: #000; padding:10px; }
#profileContentCol2 { width:370px; float:left; background-color: #000; padding:10px; }
#profileContentCol3 { width:246px; float:left; padding:16px 0 0 18px; }
#profileContentCol4 { 
	width:444px; 
	float:left;
	padding:16px 0 0 41px;
	background: transparent url(../images/profile/dividerVert.gif) repeat-y 19px 0; 
}
#profileContentCol2{ float:right; }
#profileContentCol5 { width:520px; float:left; padding:10px; }
#profileContentCol6 {
	width:320px;
	float:left;
	border:1px solid #454545;
	background-color:#181818;
	padding:10px;
	margin-right: 20px;
}
#profileContentCol6.addFriend { width: 320px;margin-right:10px;padding:0; }

#profileContentCol6.addFriend h3,
#profileContentCol6.addFriend fieldset { padding:5px; }

#profileContentCol6.addFriend .FormTable tr td { padding-left:0; }
#profileContentCol7 { width:446px; float:left; }
#profileContentCol8 { width:750px; float:left; }


#profileTabsContent h2 { color:#ffca00; font-size:1.1em; margin-bottom:20px }
#profileTabsContent h3 { font-size:1em; margin-bottom:10px; }

.profileDividerHorz { 
	height:3px;
	width:797px;
	clear:both;
	background: transparent url(../images/inbox/divider.jpg) no-repeat; 
}

.friendsFansNav { margin-bottom:16px; }
.friendsFansNav li { display:inline; font-weight:bold; }
.friendsFansNav li a { font-size:1.35em; }
.friendsFansNav li.firstNode a { padding-right:10px; margin-right:8px; border-right: 1px solid #ffca00; }
.friendsFansNav li a.on { color:#fff; }

/* BLOG BITS */
.profileTopLinks { float:right;margin-bottom: 10px; }
.profileTopLinks li { display:inline; border-right: 1px solid #ffca00;padding:0 10px; }
.profileTopLinks li.lastNode { padding-right:0;border:0; }

.blogList { color:#ffca00; margin-bottom:5px; clear: both; }
.blogList li.blogTitle { font-size:1.2em; font-weight:bold; }
.blogList li.white { color:#fff; margin-bottom:4px; }
.blogList li span { padding: 0 4px; }
.blogList li { width: 700px; overflow: hidden; }
.blogList p { font-size: 1.0em; }

.greyBoxWrapper {
	margin-bottom:20px;
	padding:10px;
	border:1px solid #454545;
	background-color:#181818;
	clear: both;
}

.closeComments { display:block; float:right; font-size:0.8em; }

.commentWrapper { margin-bottom:10px; clear:both; }
.commentWrapper img { border: 3px solid #212020; float:left; }
.commentWrapper ul.commentDetailsList { float:right; width:84%; color:#ffca00; }
.commentWrapper ul.commentDetailsList li.white { color:#fff; }
.commentWrapper ul.commentDetailsList li.username { font-weight:bold; }

#postBlogWrapper { 
	margin-bottom:20px; 
	padding:10px;
	border:1px solid #454545;
	background-color:#181818;
}
.blogTextarea {
	border:1px solid #454545;
	background-color:#2b2b2b;
	color:#fff;
	width:490px;
	padding:2px;
	font-size:0.85em;
}

.bandWrapper { margin-bottom:16px; clear:both;padding-bottom: 10px; }
.bandWrapper img { border: 3px solid #212020; float:left; }
.bandWrapper .normalTxt img {border:0;float:none;}
.bandWrapper ul.bandDetailsList {
	float:right;
	width:85%;
	padding-top: 5px;
}
.bandWrapper ul.bandDetailsList2 { float:right; width:80%; }

.bandWrapper ul.reviewDetails { float:right; width:76%; }
.bandWrapper ul.reviews { width:68%; }

ul.inlineLinks { float:right; width:80%; margin-top:5px; }
ul.inlineLinks .blogEditLinks { float:none; }
ul.inlineLinks li { display:inline; padding-right:8px; margin-right:6px; border-right: 1px solid #ffca00; }

ul.inlineLinks li.firstNode, 
ul.inlineLinks li.lastNodeCancel,
ul.inlineLinks li.lastNode  {
    padding:0; margin:0; border:none; }

ul.inlineLinks li.lastNodeCancel a { border-left: 1px solid #ffca00; margin-left:6px; padding-left:8px;  }

.bandWrapper ul li.titleTxt { font-weight:bold; }
.bandWrapper ul li a { color:#ffca00; }
.bigTick { background: transparent url(../images/register/bigTick.gif) no-repeat right 50%; }

#searchTable { clear:both; margin:10px 0; }

/*------ SEARCH A-Z ---------*/
#searchAZ { padding-bottom: 10px; }
#searchAZ ul { margin-bottom:10px; font-size:0.8em; font-weight:bold; }
#searchAZ li { float:left; }
#searchAZ a {
	display:block;
	padding:2px 5px;
	margin:0 3px 3px 0;
	background-color:#2b2b2b;
	border:1px solid #454545;
	color:#fff;
	float:left;
}
#searchAZ a:hover, #searchAZ a.on { background-color:#ffca00; text-decoration:none; color:#000; }
table.profileVideoTable { margin-bottom:12px; }
table.profileVideoTable tr td input, 
table.profileVideoTable tr td textarea, 
table.profileVideoTable tr td select { width:300px; }
table.profileVideoTable tr td label { display:block; margin-bottom:4px; }
table.profileVideoTable tr td p#uploadSizeMessage { margin-top:4px; color:#fff; font-style:italic; }

table.profileVideoTable tr.checkBox td input {width: auto; margin-left: 10px; border: none;}
table.profileVideoTable tr.checkBox td label { display:inline; margin-bottom:4px; }

/*------ VIDEOS PLAYER PANEL ---------*/
#profileContentCol6 ul { margin:10px 0; font-weight:bold; }
#profileContentCol6 ul li { display:inline; padding-right:8px; margin-right:6px; border-right: 1px solid #fff; }
#profileContentCol6 ul li.lastNode { padding:0; margin:0; border:none; }

#profileVideoWrapper {margin-bottom:12px; }

/*------ INSERT VIDEOS SEARCH RESULTS ---------*/
.insertVidWrapper { margin-bottom:18px; }
.insertVidWrapper img { border: 3px solid #212020; float:left; }
.insertVidWrapper div { float:right; width:76%; }
.insertVidWrapper ul { margin:6px 0; }
.insertVidWrapper ul li { display:inline; padding-right:8px; margin-right:6px; border-right: 1px solid #fff; }
.insertVidWrapper ul li.lastNode { padding:0; margin:0; border:none; }
.insertVidWrapper p { margin:6px 0; }

table.upload {
	background-color: #2F2F2F;
	border: 1px solid #4F4F4F;
	padding: 5px;
	margin:0;
	margin-top: 10px;
	clear:left;
}

table.upload td,
table.upload #buttonWrapper2 { margin:0;padding:0; }

table.upload #buttonWrapper2 { padding-top:6px; }

table.upload #buttonWrapper2 input { padding:0; }

#profileFooter p.errorMessage { margin-top: 10px;clear:both; }

#profileFooter p.errorMessage img { border:0;padding-right:5px;}

table.addComment {
		background-color:#000;
		padding:10px 5px 0 5px;
		border: 1px solid #454545;
		margin-top:10px; 
}

ul#bandsLinks { float:none;padding-bottom: 10px; }

ul#bandsLinks li { float:left;border-color: #fff; }

ul#bandsLinks li a {
	background-color: #000;
	border: 1px solid #454545;
	color: #fff;
	display:block;
	float:left;
	padding: 3px 8px;
}

ul#bandsLinks li a:hover { background-color: #3C667C; }

a.yellowLink { color:#FFCA00; text-decoration:none; }

a.yellowLink:hover { color:#fff; text-decoration:underline; }

p.reportLink { font-weight: bold; margin-top:10px; }

/*------ UPLOAD PROGRESS BAR ---------*/
table.FormTable tbody tr td div#ctl00_MainContent_Videos1_videoPanelOwner_uploadControl_radProgressArea div#ctl00_MainContent_Videos1_videoPanelOwner_uploadControl_radProgressArea_Panel div.RadUploadProgressArea { width:284px; background-color:#000; }
table.FormTable tbody tr td div#ctl00_MainContent_Videos1_videoPanelOwner_uploadControl_radProgressArea div#ctl00_MainContent_Videos1_videoPanelOwner_uploadControl_radProgressArea_Panel div.RadUploadProgressArea table.RadUploadProgressTable { width:260px !important; margin:10px 0 0 10px; }

/*------ REVIEWS CALENDAR ---------*/
.calendar .ajax__calendar_container {
    border:1px solid #454545;
    background-color: #000;
    color: #2e93c5;
}
.calendar .ajax__calendar_other .ajax__calendar_day,
.calendar .ajax__calendar_other .ajax__calendar_year {
    color: #fff;
}
.calendar .ajax__calendar_day { color: #FFCA00; }
.calendar .ajax__calendar_hover .ajax__calendar_day,
.calendar .ajax__calendar_hover .ajax__calendar_month,
.calendar .ajax__calendar_hover .ajax__calendar_year {
    color: #b73737;
}
.calendar .ajax__calendar_active .ajax__calendar_day,
.calendar .ajax__calendar_active .ajax__calendar_month,
.calendar .ajax__calendar_active .ajax__calendar_year {
    color: #b73737;
    font-weight:bold;
}
.calendar .ajax__calendar_header .ajax__calendar_prev {
    background:url(../images/arrow_prev.gif) no-repeat 50% 50%;
    cursor:pointer;
    float:left;
    height:15px;
    width:15px;
}
.calendar .ajax__calendar_header .ajax__calendar_next {
    background:url(../images/arrow_next.gif) no-repeat 50% 50%;
    cursor:pointer;
    float:right;
    height:15px;
    width:15px;
}