/* Client form */
.MLPollClientForm
{
	display: inline;
}

/* div that stores the submit link */
.MLPollClientSubmitLinkCell
{
	width: 100%;
	padding-top: 10px;
	padding-left: 5px;
}

/* the submit link */
.MLPollClientSubmitLink
{
	font-family: "Arial", "Helvetica", "Serif";
	font-size: 13px;
	color: #334c9a;
	text-decoration : none;
	font-weight:bold;
}

A.MLPollClientSubmitLink : visited {color : #C81318; font-size : 13px; text-decoration: underline;}
A.MLPollClientSubmitLink : link {color : #C81318; font-size : 13px; text-decoration: underline;}
A.MLPollClientSubmitLink : active {color : #C81318; font-size : 13px; text-decoration: underline;}
A.MLPollClientSubmitLink : hover {color : #C81318; font-size : 13px; text-decoration: underline;}

/* div that stores the view results link */
.MLPollClientResultsLinkCell
{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

/* view results link */
.MLPollClientResultsLink
{
	font-family: "Arial", "Helvetica", "Serif";
	font-size: 13px;
	color: #386996;
	text-decoration : none;
}

A.MLPollClientResultsLink : visited {color : #386996; font-size : 13px; text-decoration: none;}
A.MLPollClientResultsLink : link {color : #386996; font-size : 13px; text-decoration: none;}
A.MLPollClientResultsLink : active {color : #386996; font-size : 13px; text-decoration: none;}
A.MLPollClientResultsLink : hover {color : #386996; font-size : 13px; text-decoration: none;}

/* table that lists the options for a voting poll */
.MLPollClientVoteTable
{
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #e5e5e5;
}

/* table that lists the options for a ranking poll */
.MLPollClientRankTable
{
	width: 100%;
	background-color: e5e5e5;
}

/* cell that displays the select list for ranking polls */
.MLPollClientRankCell
{
	width: 85%;
	padding: 5px;
}

/* Ranking list */
.MLPollClientRankList
{
	width: 100%;
	font-family: "Arial", "Helvetica", "Serif";
	font-size: 12px;
	color: e5e5e5;
}

/* cell that displays the up and down buttons */
.MLPollClientRankButtonCell
{
	vertical-align: middle;
	text-align: center;
}

/* cell the displays the instructions for a ranking vote */
.MLPollClientRankInstructionCell
{
	width: 100%;
	font-family: "Arial", "Helvetica", "Serif";
	font-size: 12px;
	color: #595959;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

/* displays the vote radio button and text */
.MLPollClientVoteOptionCell
{
	width: 100%;
	font-family: "Arial", "Helvetica", "Serif";
	font-size: 12px;
	color: #595959;
	padding-top: 3px;
}

/* clipping for long option names */
.MLPollClientVoteOptionClip
{
	width: 155px;
	height: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
}


/* table that lists the option results */
.MLPollClientResultTable
{
	width: 85%;
	background-color: #e5e5e5;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	margin: 5px;
}

/* div that displays the question */
.MLPollClientQuestion
{
	font-family: "Arial", "Helvetica", "Serif";
	font-size: 12px;
	color: #595959;
	background-color: #e5e5e5;
	padding: 5px;
	font-weight:bold;
}

/* div that displays the results message */
.MLPollClientResult
{
	font-family: "Arial", "Helvetica", "Serif";
	font-size: 12px;
	color: #000000;
	background-color: #e5e5e5;
	padding: 5px;
}

/* div that displays the bar representing the percentage for the option */
.MLPollClientResultBarCell
{
	width: 70%;
	height: 14px;
	text-align: left;
	background-color: #E7E7E7;
	border-left: 5px solid #e5e5e5;
	border-top: 5px solid #e5e5e5;
}

/* bar color for the correct option */
.MLPollClientResultBarVotedCorrect
{
	background-color: #FF0000;
	height: 95%;
}

/* normal bar color */
.MLPollClientResultBarVoted
{
	background-color: #006500;
	height: 95%;
}

/* table cell that displays the numeric representation of the vote percentage */
.MLPollClientResultLabel
{
	font-family: "Arial", "Helvetica", "Serif";
	font-size: 12px;
	color: #000000;
	padding-top: 5px;
	padding-left: 2px;
}

/* cell that displays the correct option */
.MLPollClientResultOptionCellCorrect
{
	font-family: "Arial", "Helvetica", "Serif";
	font-size: 12px;
	color: #FF0000;
	border-left: 5px solid #e5e5e5;
	height: 15px;
	vertical-align: top;
}

/* cell the displays all other options */
.MLPollClientResultOptionCell
{
	font-family: "Arial", "Helvetica", "Serif";
	font-size: 12px;
	color: #006500;
	border-left: 5px solid #e5e5e5;
	height: 15px;
	vertical-align: top;
}

/* div that clips the option titles */
.MLPollClientResultOptionClip
{
	width: 100px;
	height: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* cell that displays the total votes text */
.MLPollClientResultTotalCell
{
	font-family: "Arial", "Helvetica", "Serif";
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-left: 5px;
	height: 30px;
	vertical-align: middle;
}

/* div that displays the back link */
.MLPollClientResultBack
{
	width: 100%;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	display: inline;
	
}

/* back link */
.MLPollClientBackLabel
{
	font-family: "Arial", "Helvetica", "Serif";
	font-size: 13px;
	color: #386996;
	text-decoration : none;
}

A.MLPollClientBackLabel : visited {color : #386996; font-size : 13px; text-decoration: none;}
A.MLPollClientBackLabel : link {color : #386996; font-size : 13px; text-decoration: none;}
A.MLPollClientBackLabel : active {color : #386996; font-size : 13px; text-decoration: none;}
A.MLPollClientBackLabel : hover {color : #386996; font-size : 13px; text-decoration: none;}