html, body{
	height:100%;	
}	
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-align: left;
}

#content_table{
	margin-top:0.1em;
}	

.width100{
	width: 100%;
}
.floatLeft{
	float: left;
}
/*
div {
	width: 100%;
	float: left;
}
*/
img.linkImage:hover {
	cursor: pointer;
}

div#main {
	width: 80%;
	height: 100%;
	float: left;
	border-right:1px solid #CCCCCC;
}
td#main {
	width: 100%;
	height: 100%;
	float: left;
	border-right:1px solid #CCCCCC;
	vertical-align:top;
}

div#leftFrame {
	width: 19%;
	padding:0px 5px 5px 5px;
	margin: auto;
	height: 100%;
	min-height: 100%;
	height: auto !important;
	overflow: hidden;
	background-color: #d8e5fc;
	float: right;
}
td#leftFrame {
	width: 19%;
	padding:0px 5px 5px 5px;
	margin: auto;
	height: 100%;
	/*height: auto !important;*/
	overflow: hidden;
	background-color: #d8e5fc;
	vertical-align: top;
}

div.withBorder {
	width: 99%;
	border:1px solid #486DB5;
}

.cursorPointer{
	cursor: pointer;
	color: #000080;
}

.inboxSubMenu {
	height:20px;
	text-align:center;
	padding-top: 12px;
	font-weight: bold;
}

.inboxTabSubLinks_link:link, .inboxTabSubLinks_link:visited {
	text-decoration: none;
	color: #3366CC;
	font-weight: bold;
}

.inboxTabSubLinks_link:hover {
	text-decoration: underline;
}	

div.blueTop {
	white-space: nowrap;
	font-weight: bold;
	color: #ffffff;
	height: 20px;
	background-color: #486DB5;
	text-align:center;
	position:relative;
}

div.blueTopLeft {
	/*width: 29.5%;*/
	padding-left:5px;
	/*float: left;*/
	position:absolute;
	left:0px;
	top:0px;
}

div.blueTopCenter {
	/*width: 39.5%;*/
	text-align: center;
	/*float: left;*/
}

div.blueTopRight {
	/*width: 29.5%;*/
	text-align: right;
	padding-right: 5px;
	/*float: right;*/
	position:absolute;
	right:0px;
	top:0px;
}

div.topDiv {
	width:49.9%;
	height:30px;
	padding-top: 16px;
	font-size: 8pt;
	color: #486DB5;
}

div.topDivLeft {
	font-weight: bold;
}

div.topDivRight {
	text-align: right;
}

div.topDivBottom {
	padding-top: 14px;
	margin-top: 10px;
	height: 25px;
	font-weight: bold;
	color: #486DB5;
}

div.topDivBottomLeft {
	padding-left: 3px;
	float: left;
}

div.topDivBottomRight {
	text-align: right;
	margin-right: 5px;
	float: right;
}

div#markDeleteButtons {
	width: 99%;
	text-align: right;
	padding-right: 5px;
	padding-bottom: 5px;
}

div.readInboxListMessageDiv {
	width: 100%;
	min-height: 45px;
	border-top: 1px solid #EEEEEE;
	float: left;
}

div.unreadInboxListMessageDiv {
	width: 100%;
	background-color: #F4F8FC;
	min-height: 45px;
	border-top: 1px solid #EEEEEE;
	float: left;
}

div.inboxListEnvelopeDiv {
	width: 5%;
	min-height: 45px;
	text-align: center;
	margin-top: 25px;
	float: left;
}

div.inboxListEnvelopeDiv img:hover {
	cursor: pointer;
}

div.inboxListSenderImageDiv {
	width: 5%;
	float: left;
}

div.inboxListDataDiv {
	width: 30%;
	min-height: 45px;
	padding-top: 5px;
	margin-left: 5px;
	line-height: 17px;
	float: left;
}

span.inboxListSenderSpan {
	font-weight: bold;
}

div.inboxListMessageHeaderDiv{
	width: 55%;
}

span.inboxListTypeSpan {
	font-weight: bold;
	color: #3366CC;
}

span.inboxListTypeSpan:hover {
	text-decoration: underline;
	cursor: pointer;
}

div.inboxListCheckboxDiv {
	width: 2%;
	min-height: 45px;
	text-align: center;
	margin-top: 20px;
	float: left;
}

/********** Inbox Detailed Message ************/

div.inboxDetailMessageDiv {
	width: 93%;
	background-color: #F4F4F4;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 5px;
	padding: 5px;
	text-align: center;
	float: left;
}

div.inboxDetailMessageFollowingDiv {
	width: 93%;
	margin-left: 3%;
	margin-right: 3%;
	padding: 5px;
	text-align: center;
	border-bottom: solid 1px #F4F4F4;
	float: left;
}

div.inboxDetailSubjectDiv {
	font-size: 12pt;
	font-weight: bold;
}

div.inboxDetailSenderTopDiv {
	padding-top: 5px;
	padding-bottom: 15px;
}

span.inboxDetailSenderNameSpan {
	font-weight: bold;
}

div.inboxDetailSenderImageDiv {
	width: 70px;
	float: left;
}

div.inboxDetailSenderDiv {
	width:120px;
	text-align: left;
	margin: 0 20px 0 10px;
	float: left;
}

div.inboxDetailCommentDiv {
	text-align: left;
	margin-right:10px;
	float: left;
}

div.inboxDetailReplyDiv {
	width: 85%;
	padding-top: 15px;
	margin-left: 7%;
	margin-right: 7%;
	text-align: center;
	float: right;
}

div.inboxDetailTopDiv {
	text-align: left;
	font-weight: bold;
	padding-bottom: 5px;
}

div.inboxDetailReplyTextareaDiv {
	width: 100%;
	text-align: left;
}

div.inboxDetailReplyTextareaDiv textarea {
	width: 70%;
}

div.inboxDetailReplayButtonDiv {
	width: 70%;
	text-align: center;
	padding-top: 10px;
}

/********** Loading Div ************/

div.isLoadingDiv {
	position: fixed;
	top: 20%;
	left: 20%;
	width: 40%;
	height: 10%;
	min-height: 85px;
	padding-top: 15px;
	background-color: #ffffff;
	text-align: center;
	font-size: 15pt;
	line-height: 1.5em;
	border: 5px solid #999;
	display: none;
}

/********** Sent Messages List ************/

div.inboxSentListItemDiv {
	width: 98.9%;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	min-height: 20px;
	background-color: #f4f4f4;
	padding-top: 3px;
	float: left;
}

div.inboxSentListDateDiv {
	width: 16%;
	font-weight: bold;
	margin-right: 3px;
	margin-left: 3px;
	float: left;
}

div.inboxSentListReceiverDiv {
	width: 30%;
	float: left;
}

div.inboxSentListSubjectDiv {
	width: 24%;
	font-weight: bold;
	margin-right: 5px;
	float: left;
}
div.inboxSentListSubjectDiv span {
	color: #3366CC;
}
div.inboxSentListSubjectDiv span:hover {
	text-decoration: underline;
	cursor: pointer;
}
div.inboxSentListSubjectDiv div.left {
	width: 20%;
	text-align: left;
}

div.inboxSentListCheckboxDiv {
	width: 3%;
	text-align: center;
	float: left;
}

/*************** Tabs ***********************************************/

div.tabsDiv {
	height: 18px;
	margin-top: 15px;
	background-image: url(../../media/img/inboxmen_bg.gif);
	background-repeat: repeat-x;
	font-size: 8pt;
}

div.tabsDiv div div{
	background-image: url("../../media/img/inboxmen_off.gif");
	background-repeat: no-repeat;
	width: 100px;
	padding-left: 20px;
	height: 100%;
}
div.tabsDiv div.tabsLeftDiv div{
	float: left;
	cursor: pointer;
}
div.tabsDiv div.tabsRightDiv div{
	float: right;
	cursor: pointer;
}
div.tabsDiv div.tabsLeftDiv div:hover, div.tabsDiv div.tabsRightDiv div:hover{
	text-decoration: underline;
}

div.tabsDiv div div.activeTab {
	background-image: url("../../media/img/inboxmen_on.gif");
}

div.tabsDiv div div.activeTabHighlight {
	background-image: url("../../media/img/inboxmen_msg_on2.gif");
}

div.tabsDiv div div.inactiveTabHighlight {
	background-image: url("../../media/img/inboxmen_msg_off.gif");
}

div.tabsLeftDiv {
	float: left;
	height:18px;
}

div.tabsRightDiv {
	text-align: right;
	float: right;
	height:18px;
}

div.tabsRightDiv div {
	float: right;
	text-align: left;
}

div.tabsDiv div div span:hover {
	text-decoration: underline;
	cursor: pointer;
}

/*********************** info faq ****************************************************/

div#infoFaqDiv, div#infoHelpDiv, div#infoSupportDiv, div#infoAgentInfoDiv {
	margin-left: 10px;
	padding-top: 15px;
	width: 99%;
	float: left;
}

div#infoHelpDiv div{
	margin-left: 25px;
	width: 95%;
}

div#infoAgentInfoDiv div.left {
	width: 10%;
	margin-right: 2px;
	overflow: hidden;
	float: left;
}

div#infoAgentInfoDiv div.right {
	width: 86%;
	float: left;
}

span#infoFaq span {
	color: #3366CC;
	font-weight: bold;
	text-decoration: none;
}

span#infoFaq span:hover {
	color: #3366CC;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}

span.infoFaqClass1 span#infoInfoFaq, span.infoFaqClass2 span#infoHelp, span.infoFaqClass3 span#infoSupport, span.infoFaqClass4 span#infoAgentInfo {
	color: #000000;
}

span.infoFaqClass1 span#infoInfoFaq:hover, span.infoFaqClass2 span#infoHelp:hover, span.infoFaqClass3 span#infoSupport:hover, span.infoFaqClass4 span#infoAgentInfo:hover {
	color: #000000;
	text-decoration: none;
	cursor: text;
}

/************ Contacts List Agents ****************************************/

div.contactsAgent{
	padding-top: 15px;
}
div.contactsAgent a{
	color: #000080;
	text-decoration: none;
}
div.contactsAgent a:hover{
	text-decoration: underline;
}

div.contactsAgentLeft{
	width: 20%;
	height: 22px;
	background-color: #AAAAAA;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 3px;
	margin-bottom: 10px;
	float: left;
}

div.contactsAgentRight{
	width: 79.5%; 
	height: 23px;
	background-color: #eee;
	text-align: right;
	padding-top: 2px;
	margin-bottom: 10px;
	padding-right: 0.5%;
	float: left;
}

table.contactsAgentItem{
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	width: 100%;
	background-color: #f9f9f9;
	margin-bottom: 12px;
	color: #486DB5;
}

table.contactsAgentItem td{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

td.contactsAgentPicture {
	width: 10px;
	text-align: center;
	vertical-align: middle;
}

td.contactsAgentName{
	color: #000080;
	width: 28%;
	font-weight: bold;
	padding-left: 5px;
}
td.contactsAgentAgency{
	width: 28%;
	font-weight: bold;
	padding-left: 5px;	
}
td.contactsAgentCountry{
	width: 35px;
	text-align: center;	
}
td.contactsAgentLanguages{
	width: 17%;
	padding-left: 5px;
}
td.contactsAgentLicenses{
	width: 15%;
	padding-left: 5px;
}
table.contactsAgentItem tr.down{
	background-color: #e6f2ff;
	white-space: nowrap;
}
table.contactsAgentItem tr.down div{
}
table.contactsAgentItem tr.buddy1, table.contactsManagerItem tr.buddy1 {
	background-color: #ddffbb;
}
table.contactsAgentItem tr.buddy3, table.contactsManagerItem tr.buddy3 {
	background-color: #ffffcc;
}
table.contactsAgentItem tr.buddy6, table.contactsManagerItem tr.buddy6,
table.contactsAgentItem tr.buddy7, table.contactsManagerItem tr.buddy7 {
	background-color: #f2ffbf;
}
div.contactsAgentCompose{
	width: 25%;
	text-align: left;
	float: left;
}
div.contactsAgentPhone{
	width: 25%;
	color: #000;
	text-align: center;
	float: left;
}
div.contactsAgentMobile{
	width: 25%;
	color: #000;
	text-align: center;
	float: left;
}
div.contactsAgentBuddy{
	width: 25%;
	text-align: center;
	float: left;
}

/**********  Contacts Menu ***************************************************/

div#contactsMenu a{
	color: #3366CC;
}
div.contactsMenuClass1 a#contactsMenuManager, div.contactsMenuClass2 a#contactsMenuNoClub, div.contactsMenuClass3 a#contactsMenuAgent, div.contactsMenuClass4 a#contactsMenuScout, div.contactsMenuClass5 a#contactsMenuFedLeague, div.contactsMenuClass6 a#contactsMenuTeams {
	color: #000000;
	cursor: text;
	text-decoration: none;
}

/*********	Contacts List Manager / Coach	**************************************/

div.contactsManagerClub{
	width: 100%;
	background-color: #e6e6e6;
	font-size: 10pt;
	font-weight: bold;
	padding: 3px;
	float: left;
}
div.contactsManagerClub div.first{
	width: 30%;
	float: left;
}
div.contactsManagerClub div.second{
	width: 40%;
	float: right;
}

div.contactsManagerItem{
	width: 100%;
	padding-bottom: 20px;
	float: left;
}
table.contactsManagerItem{
	width: 100%;
	margin-bottom: 2px;
	font-size: 8pt;
	background-color: #f9f9f9;
}
table.contactsManagerItem tr{
	vertical-align: top;
}
table.contactsManagerItem td{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
td.contactsManagerName{
	width: 22%;
}
td.contactsManagerPicture{
	width: 5%;
}
td.contactsManagerPosition{
	width: 13%;
}
td.contactsManagerPhone{
	width: 17%;
}
td.contactsManagerLang{
	width: 9%;
}

/************** MySettings Accordion **************************************************************/
div#accordion{
	font-size: 8pt;
	width: 80%;
	float: left;
}
div#accordion div a, div.mySettingsPictureColumn a{
	font-weight: bold;
	font-size: 8pt;
	color: #000080;
	text-decoration: none;
}
div#accordion div a{
	font-weight: normal;
}	
div#accordion div a:hover, div.mySettingsPictureColumn a:hover{
	text-decoration: underline;
}

div#accordion textarea#additionalInfo{
	width: 100%;
	height: 90px;
}

/*************** My Settings *******************************************************************/

div.mySettingsLastUpdated {
	font-size: 8pt;
	background-color: #ccc;
	margin-bottom: 10px;
	padding-top: 1px;
	padding-left: 3px;
	height: 14px;
}
div.mySettingsPerson{
	width: 100%;
	background-color: #bbb;
	margin-bottom: 3px;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;	
}
	
table.mySettingsTable, table.contractInDetailTable{
	width: 100%;
	font-size: 8pt;
	float: left;	
}

div.mySettingsPictureColumn{
	width: 20%;
	padding-top: 30px;
	float: right;
	text-align: center;
}
div.mySettingsPictureColumn img{
	border: solid 1px #000;
}

table.mySettingsTable td.left{
	background-color: #ddd;
	margin-left: 3px;
	margin-bottom: 3px;
	padding-left: 2px;
	width: 16%
}
table.mySettingsTable td.right{
	margin-bottom: 3px;
	padding-left: 5px;
	width: 33%
}
table.mySettingsTable tr.row1{
	background-color: #f6f6f6;
}
table.mySettingsTable tr.row2{
	background-color: #e6e6e6;
}
table.mySettingsTable tr.opened{
	background-color: #deddff;
}
table.mySettingsTable td.contractInPrinciple1{
	background-color: #fad400;
}
table.mySettingsTable td.contractInPrinciple0{
	background-color: #84ff5e;
}

table.contractInDetailTable td.left{
	background-color: #ddd;
	margin-left: 3px;
	margin-bottom: 3px;
	padding-left: 2px;
}
table.contractInDetailTable td.right{
	margin-bottom: 3px;
	padding-left: 5px;
}

div.mySettingsFooterMenu{
	padding-top: 20px;
}
div.mySettingsFooterMenu ul{
	text-align: center;
}
div.mySettingsFooterMenu ul li{
	display: inline;
	padding: 0px 10px;
}
div.mySettingsUploadFilesDiv{
	display: none;
	width: 600px;
	float: left;
	visibility: visible;
	border: 5px solid #999;
	position: fixed;
	top: 200px;
	left: 12%;
	background-color: #ffffff;
	padding: 10px;
}
div.mySettingsUploadFilesDiv a{
	color: #000080;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}
div.mySettingsUploadFilesDiv a:hover{
	text-decoration: underline;
}

.bankAccountDelimiter{
	border-bottom: 10px solid white;
}

div#playerVideos a.playerVideoLink {
	font-weight: normal;
	color: #000000;
	cursor: pointer;
}
div#playerVideos a.playerVideoLink:hover {
	font-weight: normal;
	color: #000000;
	cursor: pointer;
	text-decoration: underline;
}

div#showTeamPlayerContractDiv {
	width: 100%;
	display: none;
}

td.teamContractDetailsButton {
	background-color: #ffffff;
}

tr#showTeamPlayerContractTr td.showTeamPlayerContractTd {
	border-left: 1px solid #deddff;
	border-right: 1px solid #deddff;
	border-bottom: 1px solid #deddff;
}
tr#showTeamPlayerContractTr input.text {
	width: 97%;
}

div.noContactResultsFound {
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
}

.marketHeader{
	font-weight:bold;
	padding:5px;
}

.marketSelection{
	padding-bottom:10px;	
}

.marketBody{
	margin-left:15px;
	
}	

.marketOutput{
	margin-bottom:10px;
	margin-left:50px;
}	
/*
alternate design for mysettings forms (no borders around input fields)
need to know how to hide dropdown arrows for that!
*/
/*
.mySettingsTable input, select, textarea{
	color: #000000;
	border: 1px solid #aaaaaa;
	background: none;
}

.mySettingsTable input:disabled, select:disabled, textarea:disabled {
	color: #000000;
	border: 1px solid #ffffff;
	background: none;
}
*/
.mySettingsTable select{
	margin-right:1px;
}
/************************* Lightbox **************************************************************/

a.lightbox img{
	border: 0px;
	width: 67px;
	height: 100px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 15px;
}

div.galleryPictureDiv {
	padding-left: 5px;
	width: 88px;
	text-align: center;
	float: left;
}


 div#editGalleryPictureComment, div#editGalleryVideoTitle{
	display: none;
}
#roster .darkgrey { color:#BBBDC5; }
#roster .green { color:#008000; }
#roster .blue { color:#004080; }
#roster .grey { color:#EEEEEE; }

#msgDisplay {
	position: fixed;
	top: 20%;
	left: 20%;
	width: 40%;
	height: 10%;
	min-height: 85px;
	padding-top: 15px;
	background-color: #ffffff;
	text-align: center;
	font-size: 15pt;
	line-height: 1.5em;
	border: 5px solid #999;
	display: none;
}
a.logout {
	color: #FFFFFF;
	text-decoration: none;
}
a.logout:hover {
	text-decoration: underline;
}


input.error { border: 1px solid red; }
label.error {
	background: url('../../media/img/unchecked.gif') no-repeat;
	padding-left: 16px;
	margin-left: .3em;
}
label.valid {
	background: url('../../media/img/checked.gif') no-repeat;
	display: block;
	width: 16px;
	height: 16px;
}

.suggestionsBox {
		position: relative;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {
	float:none;
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}

.suggestionList li:hover {
	background-color: #659CD8;
}

a.inboxTabSubLinks_link:link {text-decoration: none; color: #3366CC; font-family: Verdana, Arial, sans-serif; font-size: 8pt; font-weight: bold;}
a.inboxTabSubLinks_link:visited {text-decoration: none; color: #3366CC; font-family: Verdana, Arial, sans-serif; font-size: 8pt;font-weight: bold;}
a.inboxTabSubLinks_link:hover {text-decoration: underline; color: #3366CC; font-family: Verdana, Arial, sans-serif; font-size: 8pt; font-weight: bold;}

#leftFrame #invitePlayer #invitePic{background-image:url('../../media/img/button_invite_off.png'); background-repeat: no-repeat; width:231px; height:55px;}
#leftFrame #invitePlayer #invitePic:hover{background-image:url('../../media/img/button_invite_on.png'); background-repeat: no-repeat; width:231px; height:55px;}