/*
THE CSS CLASSES BELOW MUST BE IN ALL THEMES!  MODIFY THESE TO SUIT YOUR NEEDS
*/

img {
	
	border: 0px;
	
}

input[type=checkbox] {
	cursor: pointer;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
}

input[type=file] {
	border: 0px;	
}

.main {
	color: black;
	font-size: 11px;
	font-family: verdana, sans-serif;
}

.ui-dialog .main {
	color: white;
	font-family: verdana, sans-serif;
}

.ellipsis {
	white-space:nowrap; 
	overflow-x: hidden;
	text-overflow: ellipsis;
}

.largeFont {
	color: black;
	font-size: 14px;
	font-family: verdana, sans-serif;
}

.tinyFont {
	color: black;
	font-size: 10px;
	font-family: verdana, sans-serif;
}

.textBox {
	font-family: verdana, sans-serif;
	font-size: 11px !important;
	border: solid black 1px;
	padding: 3px;
	color: black;
}

.smallTextBox {
	width: 5% !important;
}

.bigTextBox {
	width: 35% !important;
}

.disabledSelectItem {
	font-weight: bold;
	color: black;	
	font-size: 12px;
}


.checkBox {
	cursor: pointer;
	color: black;
	width: 11px;
	height: 11px;
}

.submitButton {
	font-family: verdana, sans-serif;
	font-size: 11px !important;
	background-color: whitesmoke;
	border: solid black 1px;
	color: black;
	padding: 3px 20px;
	cursor: pointer;
}

.submitButton:hover {
	background-color: lightgrey;
}

.shadedBox {
	border: solid #003f74 1px;
	background-color: rgba(0,0,0,.1);
	background-image: none;
	padding: 5px;
}


.breadCrumbTitle {
	font-size: 22px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
	position: relative;
	font-family: verdana, sans-serif;
}


.breadCrumb {
	font-size: 10px;
	font-weight normal;
	font-family: verdana, sans-serif;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 1px;
}

.successFont {
	color: green;
	font-family: verdana, sans-serif;		
}

.failedFont {
	color: pink;
	font-family: verdana, sans-serif;
}

.pendingFont {
	
	color: orange;
	font-family: verdana, sans-serif;
	
}


.consoleCategory {
	border: dotted dimgray 1px;
	background: rgba(0,0,0, .15);
	padding: 5px;
	cursor: pointer;
	width: 200px;
	margin: 3px;
}

.consoleCategory_clicked {
	border: dotted dimgray 1px;
	background: rgba(0,63,116, .2);
	padding: 5px;
	cursor: pointer;
	width: 200px;
	margin: 3px;
}


.dashedLine {
	border-bottom: dashed #003f74 1px;
}

.dottedLine {
	border-bottom: dotted #003f74 1px;
}

.solidLine {
	border-bottom: solid #003f74 1px;
}

.dottedBox {
	
	border: dotted #003f74 1px;
	padding: 3px;
	margin: 3px;
	
}

.dashedBox {
	border: dashed #003f74 1px;
	padding: 3px;
	margin: 3px;
}

.solidBox {
	border: solid #003f74 1px;
	padding: 3px;
	margin: 3px;
}


.formTable {
	border: 0px;
	padding: 0px;
	width: 95%;
	margin: 15px auto 0px auto;
	border-spacing: 2px;
}

.formTable td {
	padding: 2px;
}

.formLabel {
	width: 175px;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
}

.formInput {
	display: inline-block;
	margin-top: 10px;
	width: auto;
}

.formVAlignTop {
	vertical-align: top;
}

.formInputSideText {
	vertical-align: middle !important; 
	padding-left: 3px; 
	padding-top: 3px	
}

.formInputSideComponent {
	padding-left: 5px; 
}

.formSubmitButton {
	display: block; 
	position: relative; 
	margin: 20px auto; 
	margin-bottom: 0px;
}


.formTable .manageList {
	height: 24px;
}

.formTable .manageListActionButton {
	width: 24px;
	height: 24px;
}

.formTitle {
	background-color: transparent;
	background-image: url('destiny/gradient.png');
	font-weight: bold;
	color: white;
	font-family: verdana, sans-serif;
	padding: 3px;
	border: solid #003f74 1px;
	font-size: 12px;
	height: 14px;
}

.formTable .manageList {
	height: 24px;
}

/* Box to surround forms */
.formDiv {
	font-family: verdana, sans-serif;
	width: 95%;
	padding: 5px; 
	margin: 20px auto;
	border: solid #003f74 1px; 
	background-color: rgba(0,0,0,.1);
	background-image: none;
	font-size: 11px;
}

.errorDiv {
	font-family: verdana, sans-serif;
	width: 90%;
	margin: 15px auto;
	padding: 10px;
	background: rgba(0,0,0,.1);
	border: dashed #282828 1px;
	font-size: 11px;
}

.errorDiv strong {
	color: red;
}

.newsDiv {
	font-family: verdana, sans-serif;
	width: 95%;
	padding: 5px;
	position: relative;
	margin: 20px auto;
	border: solid #003f74 1px;
	background-color: rgba(0,0,0,.1);
	background-image: none;
}


.newsDiv .avatarImg {
	
	width: 50px;
	height: 50px;
	border: solid black 1px;
	padding: 0px;
	top: 5px;
	left: 5px;
	
}

.newsDiv .postInfo {
	position: relative;
	left: 5px;
	top: 5px;
	font-size: 11px;
	overflow: auto;
}


.newsDiv .subjectText {
	font-size: 18px;
	font-weight: bold;
}

.newsDiv .postMessage {
	position: relative;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}


#toolTip {
	position: absolute;
	display: none;
	font-family: verdana, sans-serif;
	color: white;
	font-size: 10px;
	z-Index: 99999;
	border: solid #003f74 1px;
	background-color: black;
	padding: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: left;

}



#toolTipWidth {
	position: absolute;
	display: none;
	font-family: verdana, sans-serif;
	color: white;
	font-size: 10px;
	z-Index: 99999;
	border: solid #003f74 1px;
	background-color: black;
	padding: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


.alternateBGColor {
	background: rgba(0,0,0,.12);
}

.loadingSpiral {
	display: none;
	width: 100%;
	padding-top: 25px;
	color: black;
	font-size: 10px;
	font-style: italic;
}

.loadingSpiral img {
	margin-bottom: 10px;	
}

.denyText {
	color: red;
}

.allowText {
	color: green;
}

.publicNewsColor {
	color: #007ad0;	
}

.privateNewsColor {
	color: #cb3900;
}

.youtubeEmbed {
	width: 560px;
	height: 315px;
	border: 0px;
	position: relative;
	z-index: 0;
}


.shoutBox {
	
	position: relative;
	overflow-y: auto;
	background-color: rgba(0,0,0, .12);
	background-image: none;
	margin: 5px auto;
	padding: 10px;
	vertical-align: bottom;
	font-size: 11px;	
}


.shoutBoxPost {
	
	position: relative;
	margin: 5px auto;
	padding: 0px;
	
}





/* Squads Page CSS */


.squadContainer {
	position: relative;
	width: 97%;
	margin: 10px;
	padding: 0px;
}

.squadLogo {
	border: solid #003f74 1px;
	width: 400px;
	height: 100px;
	margin-left: 0px;
	padding-left: auto;
}




.squadContainer .squadLeftColumn {
	float: left;
	width: 60%;
	padding: 3px;
	margin-bottom: 25px;
	text-align: center;
}


.squadContainer .squadInfoTitle {
	position: relative;
	font-weight: bold;
	font-size: 14px;
	margin: 15px auto 3px auto;
	padding: 0px;
	padding-left: 1px;
	text-align: left;
	width: 92%;
}


.squadContainer .squadNews {
	width: 100%;
	border: 0px;
	padding: 2px;
	overflow-y: auto;
	height: 300px;
}

.squadContainer .squadNews .squadNewsPost {
	width: 98%;
	border: solid #003f74 1px;
	padding: 3px;
	margin-bottom: 10px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}


.squadContainer .squadNews .squadNewsPost .avatarImg {
	width: 50px;
	height: 50px;
	border: solid black 1px;
	float: left;
}

.squadContainer .squadNews .squadNewsPost .squadNewsInfo {
	font-size: 10px;
	font-family: verdana, sans-serif;
	float: left;
	margin-left: 5px;
	top: 3px;
	margin-bottom: 10px;	
}


.squadContainer .squadNews .squadNewsPost .squadNewsSubject {
	font-size: 14px;
	font-weight: bold;
}

.squadContainer .squadLeftColumn .squadInfoBox {
	position: relative;
	font-family: verdana, sans-serif;
	border: dashed #003f74 1px;
	width: 90%;
	padding: 3px;
	font-size: 10px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;	
}

.squadContainer .formTable {
	width: 98%;
	margin: 0px;
}

.squadContainer .profilePic img {
	border: solid black 1px;
	width: 100px;
	height: 133px;
}

.squadContainer .profilePic {
	width: 100px;
}

.squadContainer .squadRightColumn {
	float: right;
	width: 38%;
	text-align: center;
	padding: 3px;
	margin-bottom: 25px;
}


.squadContainer .squadRightColumn .squadInfoTitle {
	width: 82%;	
}

.squadContainer .squadRightColumn .squadInfoBox {
	position: relative;
	font-family: verdana, sans-serif;
	border: dashed #003f74 1px;
	width: 80%;
	padding: 3px;
	font-size: 10px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

	
.squadContainer .squadNews .squadNewsPost iframe {
	width: 330px;
	height: 250px;
}



/*
 - END SQUAD SECTION
*/


.manageTournamentTeams {
	
	position: relative;
	width: 90%;
	margin: 10px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	
}

.mttLeftColumn {
	
	width: 307px;
	float: left;
	padding: 5px;
	
	
}

.mttRightColumn {
	
	width: 307px;
	float: right;
	padding: 5px;
	
	
}

.mttPlayerSlot {
	
	width: 275px;
	position: relative;
	margin-top: 5px;
	padding: 10px 3px 10px 5px;
	background-image: none;
	background-color: rgba(0,0,0,.1);
	border: dotted #003f74 1px;
	
}

.mttDeletePlayer {
	
	width: 20px;
	height: 20px;
	background-color: rgba(0,0,0,.12);
	background-image: none;
	padding: 2px;
	margin: 2px;
	position: absolute;
	right: 3px;
	top: 2px;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
	cursor: pointer;
	
	
}

.mttDeletePlayer a {
	
	color: #003f74;
	text-decoration: none;
}

.mttDeletePlayer a:hover {
	
	color: #0086f8;
	text-decoration: none;
}


.tournamentBracket {
	position: relative;
}

.tournamentBracket a {
	color: #003f74;	
}

.tournamentBracket a:hover {
	color: #0086f8;
}

.tournamentBracket .main {
	color: black;
}

.tournamentBracket .tinyFont {
	color: black;	
}

.tournamentBracket .bracket {
	
	position: absolute;
	border: solid #003f74 1px;
	padding: 3px;
	background: rgba(0,0,0,.12);
}

.tournamentBracket .seed {
	position: absolute;
	width: 20px;
}

.tournamentBracket .bracketConnector {
	position: absolute;
	border: solid black 2px;
	border-left-width: 0px;
}

.tournamentBracket .bracketConnectorDash {
	
	position: absolute;
	border: 0px;
	border-top: solid black 2px;
	width: 25px;
	
	
}


.tournamentProfileContainer {
	
	position: relative;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	
}

.tournamentProfileTitle {
	
	font-size: 14px;
	font-weight: bold;
	
}

.tournamentProfileLeft {
	width: 50%;
	float: left;
	padding: 3px;
}

.tournamentProfileRight {
	width: 41%;
	float: right;
	padding: 3px;
}



.userProfileLeft {
	width: 175px;
	float: left;
	padding: 3px;
}

.userProfileLeftBoxWidth {
	width: 100%
}


.userProfileRight {
	width: 70%;
	float: right;
	padding: 3px;
}

.profileTable {
	border: solid #003f74 1px;
	padding: 0px;
	width: 100%;
	margin: 0px;
	border-spacing: 0px;
}

.profileLabel {
	width: 125px;
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}


.notificationTable {
	width: 350px;
	height: 50px;
	padding: 3px;
	border-spacing: 0px;
	border: 0px;
}

.notificationTable .notificationIcon {
	width: 50px;
}

.notificationTable .main {
	color: white;	
}


.notificationTable .notificationIMG {
	border: solid #003f74 1px;
}

.notificationTable .notificationClose {
	width: 20px;
	font-size: 10px;
}

#notificationDiv {
	position: absolute;
	top: 20px;
	right: 20px;
	border: solid #003f74 1px;
	background-color: black;
	width: 350px;
	height: 80px;
	padding: 2px;
	margin: 0px;
	display: none;
	z-index: 999999999;
	color: white;
}

#notificationContainer {
	display: none;
}


.eventPageContainer {
	postion: relative;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 97%;
}

.eventPageContainer .formTable {

	border-spacing: 0px; 
	margin-top: 0px;
	width: 99%;
	margin-left: 1px;
	
}

.eventLeftContainer {
	float: left;
	width: 40%;
	
}

.eventTitle {
	font-weight: bold;
	font-size: 14px;
	position: relative;
}


.eventRightContainer {
	float: right;
	width: 55%;
}


.eventLeftContainer .profilePic {
	width: 65px;
}

.eventLeftContainer .profilePic img {
	border: solid black 1px;
	width: 60px;
	height: 80px;
}


.eventPageContainer .eventMessages ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px 10px;
	margin-bottom: 10px;
}

.eventPageContainer .tinyFont {
	
}

.eventPageContainer .eventMessages li {
	background-color: rgba(0,0,0,.12);
	padding: 5px;
}

.eventPageContainer .eventMessages .profilePic {
	width: 40px;
	float: left;
}

.eventPageContainer .eventMessages .profilePic img {
	width: 40px;
	height: 53px;
	margin-bottom: 5px;
}

.eventPageContainer .eventMessages .messageDiv {
	float: left;
	margin-left: 5px;
}

.eventPageContainer .eventMessages .commentUL li {
	margin: 1px 0px;
	padding: 3px;
	border-top: dotted #003f74 1px;
}

.eventPageContainer .eventMessages .textBox {
	height: 20px;
	width: 98%;
}

.eventPageContainer .eventMessages .commentUL {
	margin-bottom: 10px;
}

.codeEditor {
	 position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 300px;
     background-color: white;
}

#hpNewsTicker {
	width: 400px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	position: relative;
}


#membersOnlyTagger {
	
	position: fixed;
	_position: absolute;
	bottom: 0px;
	left: 25px;
	z-index: 99999;
	width: 380px;
	height: 80px;
	border: solid #003f74 1px;
	background-color: black;
	padding: 10px;
	font-family: verdana, sans-serif;
	color: white
}

#membersOnlyTagger .taggerBottomLeft {
	position: absolute;
	left: 5px;
	bottom: 5px;
}

#membersOnlyTagger .taggerBottomRight {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

/* Forum CSS */


.forumTable {
	
	width: 98%; 
	margin: 15px auto;
	padding: 0px;
	border-spacing: 0px;
}

.boardCategory {
	font-size: 16px;
	font-family: verdana, sans-serif;
	font-weight: bold;
}

.boardTitles {
	background-image: url('destiny/gradient.png');
	background-color: none;
	font-weight: bold;
	color: white;
	font-family: verdana, sans-serif;
	padding-left: 3px;
	border: solid #003f74 1px;
	font-size: 12px;
	height: 18px;
}

.forumTopicCount {
	width: 100px;
	border-left: 0px;
}

.forumLastPost {
	width: 150px;
	border-left: 0px;
}

.boardIcon {
	width: 52px;
	text-align: center;
	height: 52px;
}

.boardName {
	font-size: 12px;
	font-weight: bold;
	background-color: rgba(0,0,0,.1);
	background-image: none;
	padding: 5px;
}

.boardDescription {
	font-size: 11px;
	font-weight: normal;
}

.boardLastPost {
	width: 150px;
	background-color: rgba(0,0,0,.1);
	background-image: none;
	padding: 5px;
	font-size: 11px;
}


.boardTopicCount {
	width: 100px;
	background-color: rgba(0,0,0,.1);
	background-image: none;
	padding: 5px;
	font-size: 11px;
}

.boardNewPostBG {
	background-color: rgba(0,0,0,.12);
	background-image: none;
}

.boardRows td {
	height: 45px;
}

.boardPosterInfo {
	width: 150px;
	background-color: rgba(0,0,0,.1);
	background-image: none;
	font-size: 11px;
	height: 180px;
	border: solid #003f74 1px;
	padding: 5px;
	border-bottom: 0px;
}

.boardPosterName {
	font-size: 14px;
}


.boardLastPostTitle {
	width: 140px;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: bold;
}

.forumQuote {
	border: solid #003f74 1px;
	background-color: rgba(0,0,0,.25);
	background-image: none;
	padding: 5px;
	margin-bottom: 10px;
}

.forumQuote p {
	margin: 0px;
	padding: 0px;
}

.forumCode {
	font-family: 'courier new', courier;
	font-size: 11px;
	background-color: dimgray;
	background-image: none;
	border: solid #003f74 1px;
	padding: 3px;
	overflow: auto;
	white-space: nowrap;
	max-height: 100%;
	color: white;
	margin-bottom: 10px;
	max-width: 100%;
}

#forumShowAvatar img {
	margin-top: 5px;
	margin-bottom: 5px;	
}

.forumPostContainer {
	width: 98%;
	margin: 15px auto;
	border: solid #003f74 1px;
	position: relative;
	display: table;
}

.forumPostPosterInfo {
	width: 18%;
	max-width: 150px;
	border-right: solid #003f74 1px;
	background-color: rgba(0,0,0,.1);
	background-image: none;
	padding: 5px;
	display: table-cell;
}

.forumPostNewSection {
	display: table-row;
}

.forumPostMessageInfo {
	padding: 5px;
	width: 80%;
	padding-bottom: 25px;
	overflow: auto;
	position: relative;
	display: table-cell;
	max-width: 500px;
	word-wrap: break-word;
}

.forumPostMessageInfo img {
	max-width: 500px;
	max-width: 500px;
}

.forumPostMessageExtras {
	width: 80%;
	padding: 5px;
	display: table-cell;
}

.forumManageLinks {
	text-align: right;
	font-weight: bold;
	padding-top: 15px;
}

.forumSignatureContainer {
	border-top: dotted #003f74 1px;
	padding: 5px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	width: 95%;
	overflow: auto;
	position: relative;
}

.forumSignatureContainer img {
	max-width: 500px;
	max-height: 150px;
}


.forumSignatureContainer p {
	margin: 0px;
}

.forumAttachmentsContainer {
	
	margin-top: 20px;
	padding: 5px;
	font-size: 10px;
	
}

.pmComposeTextBox {
	padding: 5px;
	background-color: white;
	border: solid black 1px;
	width: 60%;
	display: inline-block;
}

.pmComposeTextBox input[type=text] {
	border: 0px;
	width: 100px;
	padding: 0px;
}

.pmComposeSelection {
	display: inline-block;
	border: solid black 1px;
	background-color: silver;
	padding: 3px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	color: black;
	line-height: 14px;
	border-radius: 2px;
	cursor: default;
}

.pmComposeSelection:hover {
	background-color: #b3d5ff;
}

.pmComposeSelectionDelete {
	font-family: "Helvetica", helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 1px 1px #fff;
	padding-left: 10px;
	padding-right: 3px;
	padding-top: 1px;
	float: right;
	cursor: pointer;
}

.pmComposeSelectionDelete:hover {
	text-decoration: underline;
}

/* Home Page Image Scroller */

.hp_imgScrollContainer {
	position: relative;
	width: 600px;
	height: 400px;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	border: solid #003f74 1px;
	margin-top: 20px;
}

.hp_imagescroller {
	
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
	
}

.hp_imagescroller img {
	border: 0px;
}

.hp_dotsContainer {
	position: relative;
	width: 600px;
	text-align: center;
	height: 20px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 0px;
}

.hp_imgScrollerDot {
	
	position: absolute;
	margin: 0px;
	padding: 0px;
	border: 0px;
	cursor: pointer;
	top: 0px;
	left: 0px;
	width: 14px;
	height: 14px;
	text-align: center;
	
}

.hp_imageScrollerOverlay {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 20%;
	background: rgba(0,0,0,.3);
	color: white;
}

.hp_imageScrollerOverlayTitle {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	text-align: left;
	padding: 3px;
}

.hp_imageScrollerOverlayMessage {
	font-size: 11px;
	text-overflow: ellipsis;
	position: relative;
	text-align: left;
	padding: 3px;
	white-space:nowrap; 
	overflow-x: hidden;
}


.downloadDiv {
	font-family: verdana, sans-serif;
	width: 75%;
	padding: 5px;
	position: relative;
	margin: 20px auto;
	border: solid #003f74 1px;
	background-color: rgba(0,0,0,.1);
	background-image: none;	
}


.downloadDiv .avatarImg {
	
	width: 50px;
	height: 50px;
	border: solid black 1px;
	padding: 0px;
	top: 5px;
	left: 5px;
	
}

.downloadDiv .downloadInfo {
	position: relative;
	left: 5px;
	top: 5px;
	font-size: 11px;
	overflow: auto;
}


.downloadDiv .nameText {
	font-size: 18px;
	font-weight: bold;
}

.downloadDiv .downloadDescription {
	position: relative;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}


/*
	Side Menus CSS
*/

.menusForumActivityWrapper {
	margin-left: 3px;
	margin-right: 3px; 
	margin-top: 5px; 
	margin-bottom: 20px;
}

.menusForumActivityItemWrapper {
	padding: 5px 5px;
}

.menusForumActivityAvatarDiv {
	float: left; 
	width: 35px;
}

.menusForumActivityAvatarDiv img {
	width: 30px; 
	height: 30px; 
	border: solid black 1px;
}

.menusForumActivityTextWrapper {
	float: left; 
	width: 104px;
	font-size: 11px;
}

.menusForumActivityPostTitle {
	font-size: 12px; 
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;
}

.menusForumActivityPoster {
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;
}

.menusNewestMembersWrapper {
	margin-left: 3px; 
	margin-right: 3px; 
	margin-top: 5px; 
	margin-bottom: 20px;
}

.menusNewestMembersItemWrapper {
	padding: 5px 5px;	
}

.menusNewestMembersAvatarDiv {
	float: left; 
	width: 47px;	
}

.menusNewestMembersAvatarDiv img {
	width: 45px; 
	height: 60px; 
	border: solid black 1px;	
}

.menusNewestMembersTextWrapper {
	float: left; 
	padding-left: 5px; 
	width: 85px;
}

.menusNewestMembersName {
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.menusNewestMembersRank {
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
}


.menusImageItemWrapper {
	margin-top: 15px; 
	margin-bottom: 15px;
}

.pollMenuDiv {

	position: relative;	
	overflow: auto;
	
}

.pollMenuOptionsDiv {
	position: relative;
	overflow: auto;
	margin: 10px;
}

.pollMenuOption {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
	height: 20px;
}

.pollMenuOption input {
	margin: 0px;
	vertical-align: bottom;
}

.pollMenuOption label {
	margin-left: 10px;
	font-size: 11px;
	vertical-align: bottom;
}

.pollContainer {
	position: relative;
	margin: 0px auto;
	width: 95%;
	border: 0px;
	overflow: hidden;
	margin-top: 30px;
}

.pollChart  {
	float: left;
	width: 60%;
	height: 500px;
	margin-top: 0px;
	padding: 0px;
}

.pollLegend {
	float: right;
	width: 35%;
}

.pollLegendSquare {
	width: 20px;
	height: 20px;
	border: solid white 1px;
	display: inline-block;
	margin: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.pollLegendText {
	height: 20px;
	display: inline-block;
	margin: 0px;
	margin-bottom: 10px;
	vertical-align: top;
	line-height: 20px;
}

.pollInfoWrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	font-size: 16px;
}

.pollInfoDiv {
	font-size: 11px;
}

.pollInfoDiv .formTable {
	width: 100%; 
	margin: 0px; 
	border-spacing: 0px;
}

.pollInfoLabel {
	font-weight: bold;
	width: 35%;
	background: rgba(0,0,0,.25);
}

.pollProfilePic {
	width: 90px;	
}

.pollProfilePic img {
	width: 90px;
	height: 120px;
	border: solid black 1px;
}


.pageSelectorDiv {
	float: right;
	margin: 10px 0px;
	font-size: 11px;
}

.pageSelectorDiv .pageArrowButton {
	display: inline-block;
	padding: 0px 5px;
}

.pageSelectorDiv .pageNum {
	display: inline-block;
	padding: 0px 5px;
	border: solid #003f74 1px;
	background-color: rgba(0,0,0,.1);
	background-image: none;
	margin: 0px 3px;
}

.pageSelectorDiv .currentPage {
	font-weight: bold;
	background: rgba(0,63,116,.35) !important;
}

.clocksDiv {
	position: relative;
	margin-bottom: 15px;
}

.clocksDiv p {
	margin: 0px;
	margin-top: 3px;
	font-weight: bold;
	font-size: 11px;
}
