

/* Presentation Stylesheet */ 


/* Rating */
.ratingStar 
{
	
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    background-repeat: no-repeat;

}

.ratingHolder{
	BACKGROUND-COLOR: #FFFFAB; 
	FONT-WEIGHT: normal; width:66px; FONT-SIZE: 11px;  COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-ALIGN:center; TEXT-DECORATION: none;margin-bottom: 3px;margin-top: 2px ;margin-left: 0px;
}

.ratingHolderMain{

	FONT-WEIGHT: normal; width:66px; FONT-SIZE: 11px;  COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-ALIGN:center; TEXT-DECORATION: none;margin-bottom: 3px;margin-top: 2px ;margin-left: 0px;
}

.filledRatingStar {
    background-image: url(../images/FilledStar.png);


}

.emptyRatingStar {
    background-image: url(../images/EmptyStar.png);

}

.savedRatingStar {
    background-image: url(../images/SavedStar.png);

}

.ratingContainer{
	BACKGROUND-COLOR: #FFFFAB; 
	FONT-WEIGHT: normal; FONT-SIZE: 11px;  COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-ALIGN:center; TEXT-DECORATION: none;
		margin: 0 auto;
}

h4 {
 margin:0;
 padding: 5px 0;
 }
 

 
.lcontent {
 position:relative;
FONT-WEIGHT: normal; FONT-SIZE: 11px;  WIDTH: 130px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-ALIGN: left; TEXT-DECORATION: none;margin-top: 0px; margin-bottom: 20px;margin-left: 5px;


}

.Invitation {
	 BACKGROUND-COLOR: #C0A0C7; 
 position:relative;
FONT-WEIGHT: bold; FONT-SIZE: 13px;  WIDTH: 350px; COLOR: #222222; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-ALIGN: center; TEXT-DECORATION: none;margin-bottom: 20px;margin-left: 5px;

}

.desktopStyleHeading {
	margin:0;padding: 0 0 3px; FONT-WEIGHT: bold; FONT-SIZE: 11px;  FONT-FAMILY: tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;background: #ABCBAB;color: #000;text-align: center;
}

.desktopStyle {

 
FONT-WEIGHT: normal; FONT-SIZE: 11px;  WIDTH: 100%; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-ALIGN: left; TEXT-DECORATION: none;margin-top:10px;


}
.maincontent2 
{
 position:relative;

	width:90%; PADDING-RIGHT: 20px;  PADDING-LEFT: 20px; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 0px 0px; COLOR: #333; PADDING-TOP: 0px; FONT-FAMILY: arial, helvetica, sans-serif
}



.ArgumentType 
{
	BACKGROUND-COLOR: #ABCBAB; 
	FONT-WEIGHT: bold; FONT-SIZE: 13px;  
	WIDTH: 200px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left; TEXT-DECORATION: none;

	
}
.Filter
{
	BACKGROUND-COLOR: #ABCBAB; 
	FONT-WEIGHT: bold; FONT-SIZE: 10px;  
	WIDTH: 100px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-ALIGN: right; TEXT-DECORATION: none;
}



.chatHelpContainer{
	FONT-WEIGHT: normal; FONT-SIZE: 11px;  WIDTH: 100%; COLOR: #aa0000; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-ALIGN: center; TEXT-DECORATION: none;margin-bottom: 0px;margin-top: 0px ;margin-left: 0px;
}

.spectators {margin:0;padding: 2px 10px;text-align: justify}

.chatContainer{
	BACKGROUND-COLOR: #3c5a98; 
	FONT-WEIGHT: normal; FONT-SIZE: 18px;  WIDTH: 100%; 
	COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center; TEXT-DECORATION: none;

}

.chatSideContainer{
	BACKGROUND-COLOR: #bbc6da; 
	FONT-WEIGHT: normal; FONT-SIZE: 12px;  WIDTH: 100%; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-ALIGN: center; TEXT-DECORATION: none;margin-bottom: 0px;margin-top: 0px ;margin-left: 0px;
}
.chatSpecContainer{
	BACKGROUND-COLOR: #3c5a98; 
	FONT-WEIGHT: normal; FONT-SIZE: 12px;  WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-ALIGN: center; TEXT-DECORATION: none;margin-bottom: 0px;margin-top: 0px ;margin-left: 0px;
}
.chatArgument
{
	position:relative;
	BACKGROUND-COLOR: #eeeeee; 
	FONT-SIZE: 11px;
    background-repeat:no-repeat;
    background-position:0px 0px;
	margin: 0 auto;
}
.chatCountdown 
{
 position:absolute;
 background-repeat:no-repeat;
 top:20px;
 left:90px;
 width:543px;
 height:406px;
 filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
}

.chatTimerCountdown
{
	FONT-SIZE: 14px;
	COLOR: #000000;
}

.chat
{
	FONT-SIZE: 11px;
	text-align: justify; 
	width:100%;
    height:400px;
    background-color:#eeeeee;
    background-repeat:no-repeat;
    background-position:left;
    overflow:auto;


}

.chat_Login
{
	text-align: justify; 
	width:100%;
    height:100px;
    background-color:#eeeeee;
    overflow:auto;
}

.critiqueInput
{    text-align:left;
    height:60px;
	BACKGROUND-COLOR: #ffffff;
	border-style:none;
	border-width:0px;
}
.critiqueHistory{
	BACKGROUND-COLOR: #bbc6da; 
	FONT-WEIGHT: bold; FONT-SIZE: 14px;  COLOR: #000000; 
	FONT-FAMILY: tahoma, Arial, Helvetica, sans-serif;TEXT-ALIGN: left; 
	TEXT-DECORATION: none;margin-bottom: 0px;margin-top: 5px ;margin-left: 5px;margin-right:5px;
}

.critiqueHistory #critiqueUser{
	margin:0;padding: 5px 5px 5px 5px; 
	FONT-WEIGHT: bold; FONT-SIZE: 14px;  WIDTH: 100%; COLOR: #000000; 
	color: #000;text-align: left;
}
.critiqueHistory #critiqueDate{
	margin:0;padding: 10px 10px 10px 10px; FONT-WEIGHT: normal; FONT-SIZE: 10px;  
	color: #000;text-align: right;width:100%;
}
.critiqueHistory #critiqueWinner{
	margin:0;padding: 10px 10px 10px 10px; FONT-WEIGHT: normal; FONT-SIZE: 10px;  
	color: #000;text-align: right;width:100%;
}

.critiqueHistory #critiqueText{
	margin:0;padding: 10px 10px 10px 10px; FONT-WEIGHT: normal; FONT-SIZE: 10px;  
	color: #000;text-align: left;
}

.chatArgument #ArgText
{
	BACKGROUND-COLOR: #ffffff;
 width:97%;border: 0; margin-left:5px;margin-right:5px;
FONT-SIZE: 11px;
}

.chatInput
{    text-align:center;


}


H3 {
	margin:0;padding: 0 0 3px; FONT-WEIGHT: bold; FONT-SIZE: 11px;  FONT-FAMILY: tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;background: #3c5a98;color: white;text-align: center
}



#mainarea {width:310px;background-color: #BBD8FF;  }

fieldset{border: 0px solid #000;}
legend{font: bold 140%/1.6 Arial,sans-serif;color: #27518A}
fieldset label{float:left;display:inline;width:100px;
    line-height:16px;margin: 3px 10px;text-align:center;background: #FFF url("arrow.jpg") no-repeat right center}


input#btnLogin{margin: 10px 0 0 0px; width:auto;height: auto}

p{margin:0;padding: 5px 10px;line-height: 1.3;text-align: justify}



.ArgumentTitle {
	text-align:left; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0000dd; FONT-FAMILY: tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 
}
.ArgumentTitleNoAlign {
	 FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0000dd; FONT-FAMILY: tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 

}
A.ArgumentTitle { 
	COLOR: #0000dd; 
}
A.ArgumentTitle:link { 
	COLOR: #0000dd; 

}
A.ArgumentTitle:visited {
	COLOR: #0000dd; 

}
a.ArgumentTitle:active {
   color: #0000dd;
}
a.ArgumentTitle:hover {
   color: #4444ff;
}


.LoginAboutUs {
	text-align:left; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #0000dd; FONT-FAMILY: tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 

}
A.ReminderTitle { 
	COLOR: #0000dd; 
}
A.ReminderTitle:link { 
	COLOR: #0000dd; 

}
A.ReminderTitle:visited {
	COLOR: #0000dd; 

}
a.ReminderTitle:active {
   color: #0000dd;
}
a.ReminderTitle:hover {
   color: #4444ff;
}

.ArgumentTasterUser {
	text-align:left; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 
	padding:  0px 0px 5px 10px;
}

.ArgumentTaster {
	text-align:left; FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #119944; FONT-FAMILY: tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 
	padding: 0px 10px 5px 10px;
}


.t1 {
	text-align:left; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #8d2800; FONT-FAMILY: tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 

}

.t2 {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #96968a; FONT-FAMILY: tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.BulletList {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

A:link {
	COLOR: #333; TEXT-DECORATION: none
}
A:visited {
	COLOR: #333; TEXT-DECORATION: none
}
A:active {
	COLOR: #333; TEXT-DECORATION: none
}
A:hover {
	COLOR: #8d2800; TEXT-DECORATION: none
}

.AdditionalInfoBlock{
	BACKGROUND-COLOR: #3c5a98; 
	FONT-WEIGHT:bold; FONT-SIZE: 14px;  WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-ALIGN: center; TEXT-DECORATION: none;margin-bottom: 0px;margin-top: 0px ;margin-left: 0px;
}



.AdditionalInfoText {
FONT-WEIGHT: normal; FONT-SIZE: 11px;  WIDTH: 100%; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-ALIGN: left; TEXT-DECORATION: none;margin-top:10px;
background:#EEEEEE;
}


.HelpTitle{
	BACKGROUND-COLOR: #3c5a98; 
	FONT-WEIGHT: normal; FONT-SIZE: 12px;  WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-ALIGN: center; TEXT-DECORATION: none;margin-bottom: 0px;margin-top: 0px ;margin-left: 0px;
}

.popup 
{
 position:absolute;
 width:166px;
 filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;

 visibility:hidden;
 text-align:center;
	margin: 2px 2px 2px 2px;
}

.popupChat
{
 position:absolute;
 width:260px;
 filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
 visibility:hidden;
 text-align:left;
 border:none 0px black;
 background-position:0px 17px;
 background-repeat:no-repeat;
 background-image:url(../images/umbody.gif);
 margin:0px 0px 0px 0px;
}
.incomingChat
{
	FONT-SIZE: 10px;
	text-align: left;
	margin: 0 auto;
	width:95%;
    height:70px;
    border:solid 1px black;
    background-color:#ffffff;
    background-repeat:no-repeat;
    background-position:left;
    overflow:auto;
}

.middle
{
	FONT-SIZE: 11px;
	text-align:center;
	margin: 0 auto;

}

.UserChatInput
{
	FONT-SIZE: 10px;
	text-align: left;
	margin: 0 auto;
	width:188px;
	height:17px;
border: 2px #ffffff inset;
}
.dragme { cursor: move }

.middleInvite
{
	FONT-SIZE: 11px;
	text-align:center;
	margin: 0 auto;
	cursor:pointer;
}
.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=70);
}
 
.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 25%;
    padding: 16px;
    border: 16px solid #3c5a98;
    background-color: white;
    z-index:1002;
    overflow: auto;
}


