html, body {
    margin:0;
    padding:0;
    height:100%;
    font-family: Arial;
    overflow: visible;
}

html {overflow-y: scroll;}

img
{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
p
{
    font-family: @Arial Unicode MS;
    color: #808080;
    
    width: 500px;
    text-align:justify;
}

p.footer
{
   font-family: @Arial Unicode MS;
    color: #808080;
    
     
    text-align:center; 
}

.icon
{
    margin-right: 5px;
}

.mainImage
{
  cursor: pointer;   
}

#winner
{
    border-color: Black;
    border-width: 1px;
    border-style: solid;  
    
}

#winnerRow
{
    padding: 10px;
}

#winnerAltRow
{
    background-color: #f0f0f0;
}
.winnerRow
{
    padding: 10px;
}

.winnerAltRow
{
    background-color: #f0f0f0;
}

.logo
{
    border-width: 0px;
}

.footer
{   
    background-color: #ececec;
    width: 100%;
    padding-top: 3px;
        border-color: #3C3C3C;
    border-width: 0px;
    border-style: solid;
    border-top-width: 1px;
}

.footer p
{
    font-family: @Arial Unicode MS;
    font-size: x-small;
    color: #3c3c3c;
    text-align: center;
     border-top-width: 0px;
}

.header
{
    background-color: #cfcfcf;
    width: 100%;
    height: 35px;
    
    margin-bottom: 10px;
    text-align:center;
    vertical-align: middle;
    border-color: #3C3C3C;
    border-width: 0px;
    border-style: solid;
    border-bottom-width: 1px;
    
}

#midLink a:link
{
    font-size: large;
}
#midlink a:visited
{
    font-size: large;
}

.header a
{
    font-size:x-large;
    font-family: Calibri;
     
    vertical-align: top;
    margin-right: 15px;
}

.header a:link
{
    font-size:x-large;
    font-family: Calibri;
     
    vertical-align: top;
    margin-right: 15px;
}
.header a:visited
{
    font-size: x-large;
    font-family: Calibri;
     
    vertical-align: middle;
    margin-right: 15px;
}

.winnerTable
{
    background-color: #f0f0f0;
    padding: 5px;
    border-width: 1px;
    border-color: Black;
    border-style: solid;
    
    
    
}


#hide
{
    visibility: hidden;
    height: 0px;
}

.hide
{
    visibility: hidden;
    height: 0px; 
}

#main
{   
    background-color: #ffffff;
    
    min-height:1000px;
    height: 95%;
    width: 100%;
     
    vertical-align:middle;
     
    padding-top:40px;
    padding-bottom: 60px;
  
    
}


#leftDiv
{
    width: 500px;
    height: 600px;
    background-color:#cfcfcf; display:block; position:relative; float:left; z-index:0;
    margin-right: 7px;
    border-width: 1px;
    border-color: Black;
    border-style: solid;
     
    
}

#rightDiv
{
    width: 500px;
    height: 600px;
    background-color:#cfcfcf; display:block; position:relative; float: right; z-index:0;
    margin-left: 7px;
    border-width: 1px;
    border-color: Black;
    border-style: solid;
     
}

a:link
{
    font-size: x-small;
     
    color: #808080;
    text-decoration: none;
}

a:visited
{
    font-size: x-small;
    color: #3c3c3c;
    text-decoration: none;
}

a:hover
{
    font-size: x-small;
    color: #4c4c4c;
    text-decoration: underline;
}
    
    
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=50);
	opacity:0.5;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}