﻿/*   Common CSS for all Pages  
------------------------------------ */
.tblcontent, .tbldetail { text-align: left; table-layout: fixed; }
.tblcontent {border:0px Solid #DEDEE5; border-radius:3px;}
.tbldetail { height:auto; overflow:hidden;}
.tblcontent .tbldetail {padding-left:12px;}

.tblcontent a, .tblcontent a:link,
.tbldetail a, .tbldetail a:link { border-bottom:1px dotted; }

.tblcontent [type=checkbox] {margin-right:10px;}

.tblcontent > tbody > tr > td { padding: 6px; vertical-align:top;}
.tbldetail > tbody > tr > td { padding: 6px;  vertical-align:middle !important;}
.tbldetail hr, .tblcontent hr {	border-bottom-color: white;border-top-color: #D8D8E6;border-style: solid;}


.tblcontent .buttonLightSmallX, .tblcontent .buttonDarkSmallX {min-width:100px;}

.tblcontent[valign=td_align_middle] > tbody > tr > td {vertical-align:middle;}

.tblcontent h2.title { padding:0px;}
.tblcontent h5.title {padding-top:0px;}
.tblcontent .err, .tblcontent .msg {padding-left: 10px;}
.tblcontent .radioSelected {color:#0096FF;font-style:italic;}
.tblcontent .listitem_header {color:#A6AAB6;}
.tblcontent .shadow_inset { background-color:inherit;}

/*.tblcontent .links_container {background-color:#DEDEE5;width:250px !important;border-radius: 3px 0px 0px 3px;}*/
.tblcontent .links_container {background-color:#E2E2EA;width:250px !important;border-radius:3px;border: 1px solid #D7D1DF;}
.tblcontent .links_container .popupprogress_container {}
.tblcontent .links_container .popupprogress {}

.tblcontent .links_container hr {border-bottom-color: white; border-top-color:#C7C7D5;}

.tblcontent ul[tag=horizontalList] {list-style-image: url('/images/Template/list-style-horizontal.gif');padding-left:20px;}
.tblcontent ul li {width: 100%;padding:6px 0px 6px 6px;background-color:inherit;}
.tblcontent ul li.current  {background-color:#f1f1F5;border: 1px solid #D7D1DF;border-right: 2px solid #D7D1DF; border-radius:2px;}
.tblcontent ul[tag=horizontalList] li.current  {background-color:inherit;border-width:0px;}
.tblcontent ul > hr {margin:10px 30px 20px 30px;}
.tblcontent ul > span {margin-left:30px;display:block;text-transform: uppercase;word-spacing: 4px;font-family: myDin, Tahoma, Arial, Helvetica, sans-serif;font-size: 18px;}


.tblcontent .links_placeholder { background-color:#DEDEE5;}		
.tblcontent .links_placeholder a {padding:0px 0px 0px 20px; margin:0px 6px;}
.tblcontent .links_placeholder a.current {background-color:#f1f1F5;padding:6px 20px 18px 20px;margin:0px 6px;}
	
.tblcontent .internalinfo_container { border:1px Solid #A6AAB6; padding:6px; min-height:20px;}	
.tblcontent .externalinfo_container {border:1px Dotted #A6AAB6;padding:6px;min-height:20px;}

.tblcontent .info_container_title,
.tblcontent .info_container {padding:12px;margin:0px 0px 0px 24px; list-style-position:outside;}

.tblcontent .uploadstatus_container { border:1px Solid #aaaaff; padding:6px;background-color:#f8f8f8;}
.tblcontent .uploadstatus_container[tag=final] { background-color:#FFFFFF;}

.tblcontent .uploadedcontent_delete {padding-left:10px;}
.tblcontent .uploadedcontent_delete:hover {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); transform: scale(1.2);}
	
.tblcontent .tags_container { font-size:12px;}

.tblcontent .tblcontentchild {text-align: left;table-layout: fixed;border-collapse: collapse;}
.tblcontent .tblcontentchild > tbody > tr > td {padding:6px}
.tblcontent .tblcontentchild > tbody > tr > td:first-child {padding-left:0px;}
.tblcontent .tblcontentchild > tbody > tr > td:last-child {padding-right:0px;}
.tblcontent .tblcontentchild .buttonLightTinyX {margin-left:4px;}

.tblcontent .tblcontentitem {background-color:#fff; border:1px solid #dfdfdf; border-radius:3px;}
.tblcontent .tblcontentitem > tbody > tr > td { padding:6px !important;}

.tblcontent .tblstatus {text-align: left;table-layout: fixed;border-collapse: collapse;}
.tblcontent .tblstatus td {border:1px dotted #aaaaff;background-color:#f8f8f8;vertical-align:top;}
.tblcontent .tblstatus td:first-child {width:35%;}
.tblcontent .tblstatus td:last-child { width:65%;}
.tblcontent .tblstatus > tbody > tr > td {padding: 6px;}

.ui-tbl-datalist { table-layout:fixed;}
.ui-tbl-datalist > tbody > tr > td {vertical-align:top;	border:1px Solid #DEDEE5; background-color:#fff;padding:12px 12px 0px 12px;}
.ui-tbl-datalist > tbody > tr > td:only-child {border-width:0px;}	
.ui-tbl-datalist > tbody > tr:last-child > td {padding-bottom:12px;}	
.ui-tbl-datalist > tbody > tr > td:empty { display:none;}
.ui-tbl-datalist > tbody > tr > td:hover {background-color:#fafafa;}
.ui-tbl-datalist .tbldetail {padding-left:0px;}
.ui-tbl-datalist .tbldetail a, .ui-tbl-datalist .tbldetail a:link { border-bottom-width:0px; }


/* --- Pages Custom -  Others ---*/

.ui-tbl-datalist.ui-tbl-datalist-custom > tbody > tr > td {padding-bottom:12px;display:block;margin-bottom:24px;border-width:1px;}	
.ui-tbl-datalist.ui-tbl-datalist-custom > tbody > tr:last-child > td {margin-bottom:0px;}
.ui-tbl-datalist.ui-tbl-datalist-custom .tbldetail {border:1px solid #e6e6e6; border-right-width:0px; border-bottom-width:0px; overflow:auto;}
.ui-tbl-datalist.ui-tbl-datalist-custom .tbldetail .tbldetail {border-width:0px;}


.ui-tbl-datalist.ui-tbl-datalist-custom .tbldetail > tbody > tr > td {height:50px;border:0px solid #e6e6e6; border-right-width:1px; border-bottom-width:1px; vertical-align:top !important;}

.ui-tbl-datalist.ui-tbl-datalist-custom .tbldetail .tbldetail > tbody > tr > td:last-child { border-right-width:0px;}
.ui-tbl-datalist.ui-tbl-datalist-custom .tbldetail .tbldetail > tbody > tr > td > table > tbody > tr:last-child > td > .tbldetail > tbody > tr > td { border-bottom-width:0px;}




.ui-tbl-datalist.ui-tbl-datalist-custom .tbldetail > tbody > tr > td > div:nth-of-type(2) { text-align:right;min-height:20px; padding:12px;}
.ui-tbl-datalist.ui-tbl-datalist-custom .tbldetail > tbody > tr > td > img {max-height:112px;max-width:100%; vertical-align:middle;margin-top: -1px;
border-radius: 3px; display:block;}
.ui-tbl-datalist.ui-tbl-datalist-custom .tbldetail > tbody > tr > td > div:first-child {display: inline-block;padding: 7px 24px 3px 24px;margin: -6px 6px 6px -6px;border: 1px solid #dfdfdf;border-bottom-right-radius: 4px;border-top-width: 0px;border-left-width: 0px;background-color: #fafafa;text-shadow: 0px 1px 0px #fff;color:#777; /*:#8B00CC;*/box-shadow: 1px 1px 0px 0px rgba(255,255,255,.6); font-size:11px; font-family:"Lucida Sans", "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;}

.ui-tbl-datalist.ui-tbl-datalist-custom .tbldetail > tbody > tr > td > div:first-child > label.sub {padding: 0px 5px;height: 100%;position: absolute;right: 0px;bottom: 0px;border-left: 1px solid #e6e6e6; font-weight:bold; text-transform:uppercase;}
.ui-tbl-datalist.ui-tbl-datalist-custom .tbldetail > tbody > tr > td > div:first-child > label.sub:nth-last-child(2) {right:14px;}
.ui-tbl-datalist.ui-tbl-datalist-custom .tbldetail > tbody > tr > td > div:first-child > label.sub:nth-last-child(3) {right:28px;}
.ui-tbl-datalist.ui-tbl-datalist-custom .tbldetail > tbody > tr > td > div:first-child > label.i {color: rgb(0, 173, 255);}
.ui-tbl-datalist.ui-tbl-datalist-custom .tbldetail > tbody > tr > td > div:first-child > label.q {color: rgb(0, 153, 51);padding: 0px 3px;}
.ui-tbl-datalist.ui-tbl-datalist-custom .tbldetail > tbody > tr > td > div:first-child > label.r {color: rgb(224, 0, 0);}
.ui-tbl-datalist > tbody > tr > td:hover .tbldetail > tbody > tr > td > div:first-child {background-color: #fFF;}




.ui-tbl-datalist.ui-tbl-datalist-custom > div {padding:12px; background-color:#fff;}
.ui-tbl-datalist.ui-tbl-datalist-custom > div > .tbldetail {	background-color:#f8f8f8;}
.ui-tbl-datalist.ui-tbl-datalist-custom > div > .tbldetail > tbody > tr > td > div:first-child {background-color: #fff;padding-right:48px;}
.ui-tbl-datalist.ui-tbl-datalist-custom > div > .tbldetail > tbody > tr > td > div:nth-of-type(2) {vertical-align:middle; min-height:40px;}

.ui-tbl-datalist > div > .tbldetail > tbody > tr > td > div.encloser {text-align:left !important;}
.ui-tbl-datalist > div > .tbldetail > tbody > tr > td > div.encloser > div {padding:2px; height:40px; display:inline-block;}
.ui-tbl-datalist > div > .tbldetail > tbody > tr > td > div.encloser > div > * {height:100%;}
.ui-tbl-datalist > div > .tbldetail > tbody > tr > td > div.encloser > div > select {font-size:11px;width:75px;}
.ui-tbl-datalist > div > .tbldetail > tbody > tr > td > div.encloser > div > input[type=text] {width:44px; padding-left:4px; padding-right:4px;}

.ui-tbl-datalist > div > .tbldetail > tbody > tr > td > div.ui-custom-img-content > div > div {float:left; width:49%; display:inline-block; text-align:left;}
.ui-tbl-datalist > div > .tbldetail > tbody > tr > td > div.ui-custom-img-content > div > div:first-child {padding-right:2%;}
.ui-tbl-datalist > div > .tbldetail > tbody > tr > td > div.ui-custom-img-content > div > div:first-child > img {max-width:145px;}
.ui-tbl-datalist > div > .tbldetail > tbody > tr > td > div.ui-custom-img-content > div > div:nth-child(2) > div:first-child {background-color:#fff; border-radius:inherit; padding:4%; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
.ui-tbl-datalist > div > .tbldetail > tbody > tr > td > div.ui-custom-img-content > div > div:nth-child(2) > div:nth-child(2) { padding:4%;margin-bottom:6%; border-top-width:0px; border-radius:inherit; border-top-left-radius:0px; border-top-right-radius:0px; }


	#tblProfile.tblcontent a, #tblProfile.tblcontent a:link,	
	#tblUploadContent.tblcontent a, #tblUploadContent.tblcontent a:link,
	#tblUploadedContent.tblcontent a, #tblUploadedContent.tblcontent a:link {
	 border-bottom-width:0px;
	}

	
	#tblAddSport .links_container,
	#tblAddSeries .links_container {width:300px !important;}
	
	#tblAddSport .tbldetail,
	#tblAddSportSkill .tbldetail,
	#tblAddSeries .tbldetail { table-layout:auto;}
	
	#tblAddSportSkill .tbldetail a, 
	#tblAddSportSkill .tbldetail a:link { border-bottom-width:0px; } 
	
	/*#tblValidateContent.tblcontent tr:hover { border: 1px #E2E2E3 Solid;}*/

/* ---- tblcontact ------*/
	#tblcontact.tblcontent .tbldetail {padding:30px 0px 0px 0px;}
	#tblcontact.tblcontent .td_map_address { width:290px;}
	#tblcontact.tblcontent > tbody > tr > td{padding:12px;}
	#map_address {padding-top:10px;}
	.map_address a {cursor: auto;border-bottom:1px dotted #dedee5;}
	.map_address .mapLink {
		color:#524F7D;text-align:left; text-decoration: none; cursor: auto;font-size:0.9em;
	}
	#tblcontact .map_address h6 {padding-top:10px;padding-bottom:4px;}
	#contact_form {border-left:1px solid #dedeef;padding: 10px 20px 130px 40px;}
	#contact_form input[type=submit] {width:80%;min-width:100px;}

	
/* --- Pages Custom above ---*/	
	
/* --- Pages Custom -  Common for Profile Image ---*/	
.tblcontent .profileimage_container {
text-align: left;position: relative; overflow:hidden; overflow-x:hidden;overflow-y:hidden;
border:1px Solid #cfcfcf;margin:6px;
border-radius:3px;background-color:#E2E2EA; /*#E8E9E2*/
box-shadow: 1px -1px 0px 0px rgba(255, 255, 255, 0.6) inset;width:220px;
}
.tblcontent .tbldetail > tbody >  tr > td:first-child .profileimage_container { margin-left:0px;}
.tblcontent .tbldetail > tbody >  tr > td:last-child .profileimage_container { margin-right:0px;}

.tblcontent .profileimage_container[tag=highlight] {}
.tblcontent .profileimage_container[tag=upload] {}
.tblcontent .profileimage_container[tag=user] {margin-bottom:24px;}

.tblcontent .profileimage_container > .profileimage_title {
	position: relative;padding:10px; background-color:#FFF; /*background-color:#EED5FF;*/
	 font-size:13px;border-bottom:1px Solid #cfcfcf; text-transform:uppercase;
	 border-top-left-radius:inherit; border-top-right-radius:inherit; word-spacing:4px;
	 height: 40px;overflow: hidden;overflow-x: hidden;overflow-y: hidden;
}
.tblcontent .profileimage_container[tag=highlight] > .profileimage_title {/*background-color: #F5FFD5;*/ font-size:18px;}
.tblcontent .profileimage_container[tag=user] > .profileimage_title {background-color: #FFF8D5;}

.tblcontent .profileimage_container > .profileimage_content {max-width:200px; height:100px;position: relative;padding:10px;text-align:center;}
.tblcontent .profileimage_container[tag=highlight] > .profileimage_content {width:200px; height:200px;}

	.tblcontent .profileimage_container > .profileimage_content > .profileimage {max-height:100%; max-width:100%;position: relative;cursor: pointer; border-radius:3px;}	
.tblcontent .profileimage_container > .profileimage_button {position: relative;padding:10px;border-top:1px Solid #cfcfcf;box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.4);}


/* --- Pages Custom -  tblMemberProfile ---*/		

#tblProfile.tblcontent .label_upper {padding-top:10px;margin-bottom: -10px;padding-left:0px;}

.profilegroup_placeholder { table-layout:fixed;}
.profilegroup_placeholder .profilegroup_container {border: 1px solid #DCDCDC;overflow: hidden;overflow-x: hidden;overflow-y: hidden;position:relative; background-color:#fff; margin-bottom:24px; border-left-width:0px;}
.profilegroup_placeholder td:first-child > .profilegroup_container{border-left-width:1px;}


.profilegroup_container > .profilegroup_content, 
.profilegroup_container > .profilegroup_buttons {position:relative;text-shadow: 0px 1px 0px rgba(255, 255, 255, .6);padding:12px;}
.profilegroup_container > .profilegroup_content {background-color:#E8E2EB;border-bottom: 1px Solid #DCDCDC; overflow:hidden; }

.profilegroup_container.header > .profilegroup_content  {background-color: #fff;font-size: 18px;padding: 24px 12px; border-bottom:none;}

.profilegroup_container > .profilegroup_content > .profilegroup { height:90px;}
.profilegroup_container > .profilegroup_content > .profilegroup > .profilename {}
.profilegroup_container > .profilegroup_content > .profilegroup > .profilename > div {padding:4px 0px;}


.profilegroup_container > .profilegroup_content > .profilegroup > .profilename > .name { text-transform:uppercase; font-size:20px;font-family:myDin, Arial, Helvetica, sans-serif;position:relative; line-height:24px;}

.profilegroup_container > .profilegroup_content > .profilegroup >  .profilename > .detail {position:relative;}
.profilegroup_container > .profilegroup_content > .profilegroup >  .description {padding-top:12px;}

.profilegroup_container > .profilegroup_content > .passivemessage,
.profilegroup_container > .profilegroup_content > .activemessage {float:right; margin:-12px; margin-top:0px;}

.profilegroup_container > .profilegroup_content > .passivemessage > .message,
.profilegroup_container > .profilegroup_content > .activemessage > .message {
border: 1px solid #DCDCDC; padding: 6px 6px 6px 48px; border-top-width: 0px; border-right-width:0px; border-top-left-radius: 3px;
border-bottom-left-radius: 3px;background-color: #FFFF90;color:#555;font-size: 18px;text-shadow: inherit;box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05);}

.profilegroup_container > .profilegroup_content > .passivemessage > .message { background-image:none; padding:6px; background-color:#FCFFBD; border-color:#cecece;}


.profilegroup_container > .profilegroup_buttons {line-height: 22px;}

.profilegroup_container > .profilegroup_buttons > .buttons_content {overflow:hidden; overflow-x:hidden; overflow-y:hidden;}
.profilegroup_container > .profilegroup_buttons > .buttons_content > .buttons { border:1px solid #DCDCDC;font-family:myDin,  Arial, Helvetica, sans-serif;}

.profilegroup_container > .profilegroup_buttons > .buttons_content > .buttons > .passivebuttons,
.profilegroup_container > .profilegroup_buttons > .buttons_content > .buttons > .activebuttons {display:inline-block;vertical-align:middle; position:relative; background-color:#fff;background-position:top center; background-repeat:repeat-x;background-image: url(/images/content/button/BG.png); background-size: 100% 100%; border-right:1px solid #DCDCDC;border-left: 1px solid #fff; height:48px;}
.profilegroup_container > .profilegroup_buttons > .buttons_content > .buttons > .activebuttons:hover {background-color:#f5f5f5;}

.profilegroup_container > .profilegroup_buttons > .buttons_content > .buttons > .passivebuttons { background-image:none;} 

.profilegroup_container > .profilegroup_buttons > .buttons_content > .buttons > .passivebuttons > *,
.profilegroup_container > .profilegroup_buttons > .buttons_content > .buttons > .activebuttons > * {background-color: transparent; border:none;  padding:8px 24px 4px 24px; display:block; line-height:32px;}
.profilegroup_container > .profilegroup_buttons > .buttons_content > .buttons > .activebuttons > * {cursor:pointer; text-transform:uppercase; }		
		 


/*.profilegroup_container > .profilegroup_buttons > .buttons_content > .activebuttons > .buttoninput {box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, .1);}

.profilegroup_container > .profilegroup_buttons > .buttons_content > .activebuttons > .buttoninput > input {border: none; background-color:transparent;position:relative;cursor:pointer; text-transform:uppercase;  font-size: 20px; display:block;color:inherit;	text-shadow: 0px 1px 0px rgba(255, 255, 255, .8);padding: 0px 12px; margin:16px 0px 0px 0px;}

.profilegroup_container > .profilegroup_buttons > .buttons_content > .activebuttons > .buttonlabel {position:absolute; padding-left:4px;}

.profilegroup_container > .profilegroup_buttons > .buttons_content > .activebuttons > .buttonlabel > span {margin-top: 24px; line-height: 18px;display:block; text-transform:uppercase;}

.profilegroup_container > .profilegroup_buttons > .buttons_content > .nodatamsg {margin: 0px 12px 12px 12px;padding: 12px;border: 1px solid #E4E4e4;border-top-width: 0px;position: relative;border-radius: 0px 0px 3px 3px;background-color: #f1f1f5;}*/