* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align:center; /*For IE6 Shenanigans*/
}

p {
 padding: 10px;
}


#wrapper_trans { 
 margin: 0 auto;
 width: 995px;
 position: relative;
 text-align:left;

}

p.right {
	text-align:right;
	padding:0px;
	padding-right: 2px;	
}

#search { 
 float: right;
 width: 250px;
 color: #333;
 margin:0 0 0 20px;
 font-size:10px;
}


#header {

 width: 995px;
 height: 0px;
 
 clear: both;
 color: #333;
 
}

#logo {
float:left;
}

#footer { 
 width: 995px;
 height: 0px;
 clear: both;
 color: #333;
 background-color:#FFF;
}

#footer table tr th {
	color: #FFF;
	font-size: xx-small;
	font-family: Tahoma, Geneva, sans-serif;
}

#box_100_perc {
 float: left;
 width: 990px;
 color: #333;
 margin:0px 0px 0px 10px;
 font-size:10px;
}
#new_system {
	float: right;
	width: 150px;
	height: 25px;
	background-color:#FFFF80;
	line-height:25px;
	text-align:center;
}
#content {
	padding: 5px;	
}
#content1 { 
 float: left;
 color: #333;
 width: 80px;
 display: inline;
 font-size:12px;
}
#versionlogo{
	position:absolute;
	left:-500px;
	top:70px;
	float: left;
	opacity:0.4;
}

#leftcolumn { 
 float: left;
 width: 598px;
 color: #333;
 margin:0 0 0 0px;
 font-size:14px;
 padding-right:0px;
 margin-left:0px;
 margin-right:10px;
}

#fullcolumn { 
 float: left;
 width: 100%;
 color: #333;
 margin:0 0 0 0px;
 font-size:14px;
 padding-right:0px;
 margin-left:0px;
 margin-right:10px;
}

#map_left {
	float: left;
	margin: 0 0 0 0px;
	padding:0px;	
	width: 598px;
	padding-right:20px;
}

#map_760 { 
 float: left;
 width: 598px;
 color: #333;
 margin:0 0 0 0px;
 font-size:10px;
 padding-top:20px;
 padding-left:20px;
 padding-bottom:20px;
 background-image:url(../../assets/images/map_background.jpg);
}


#rightcolumn { 
 color: #333;
 width: 370px;
 float: left;
 font-size:12px;
 border:1px;
}
.white_box {
	background:#FFFFFF;
}

table tbody tr.light {
    background-color:white;
}

table tbody tr.dark {
    background-color:#EAEDFB;
}

table tbody tr:hover {
    background-color:#F0F8FF;	opacity:95%;
}

#mytable-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border: 2px solid #BFBFBF;
}
#mytable-b th
{
	padding: 3px 3px 1px 3px;
	font-weight: bold;
	font-size: 12px;
	color: #039;
	background:#CCC;
}
#mytable-b tbody
{
	/*background:#F2F2F2;*/
}
#mytable-b td
{
	padding: 2px;
	color:#000;
	/*text-align: center;*/
	/*border-top: 1px solid #fff;*/
}
#mytable-b tbody tr:hover td
{
	color:#333;
	background:#E9E9E9;
}

.shadow {
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
}



a.white:link {color: #FFF; text-decoration: none} 
a.white:visited {color: #FFF; text-decoration: none}
a.white:active {color: #FFF; text-decoration: none}
a.white:hover {color:#CCC; text decoration: none}





		img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 100%;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 960px){
			img.bg {
				left: 50%;
				margin-left: -400px; }
		}
		
		
		
		#wrapper { 
			position: absolute; 
			width: 995px; 
			margin: 0px auto;
			padding: 0px;
			padding-top: 0px;
			padding-bottom: 0px;
			background: white; -moz-box-shadow: 0 0 0px black; 
			-webkit-box-shadow: 0 0 0px black; 
			box-shadow: 0 0 0px black;
			opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
			}


#statbox {width:75px;background-color:#fff;color:#000;height:auto !important;margin:2px auto; margin-right:5px; border:groove; border-color:#09F; border-bottom-width:medium; float:left;}
#statbox .title {
	font-size:9px;
}

 /* TABLE STYLING */

#tableStat {width:75px;background-color:#fff;color:#000;height:auto !important;margin:2.5px auto; float:left;}
#tableStat #send
 {
     border:solid 1px #bbb;
     background-color:#fff;
     color:#8BAADF;
     font-weight:bold;
     font-family:Verdana;
     font-size:9px;
 }
#tableStat input
 {
     border:solid 1px #bbb;
 }
#tableStat #nick
 {
     width:45px;
 }
#tableStat #message
 {
     width:75px;
 }
#tableStat #ajax
 {    
     margin-top:0px;
     float:left;
     width:75px;
	 margin-bottom:10px;
 }

#tableStat .ajaxtitle
 {    
     border:solid 1px #bbb;
     float:left;
     padding-left:10px;
     padding-right:10px;
     padding-top:5px;
     padding-bottom:5px;
     border-bottom:none;
     color:#0066CC;
     font-weight:bold;
 }
#tableStat .acontent
 {    
     border:solid 1px #bbb;
     float:left;
     width:100%;
 }
#tableStat .bubble
 {
     background: url(/uploads/jquerysamples/bubble.jpg);
     float:left;
     width:48px;
     height:2px;
     margin-left: 5px;
     margin-top:5px;
 }
#tableStat .aheader
 {
     letter-spacing:1px;
     float:left;
     font-size:10px;
     font-weight:bold;
     margin-left: 10px;
     margin-top:0px;
 }
#tableStat #msg
 {
     float:left;
     width:75px;
     padding-left:10px;
     margin-top:0px;
	 line-height:20px;
	 text-align:center;
 }
#tableStat #msg input {
	
}
#tableStat #msg .date
 {
     font-size:10px;
 }
#tableStat #msg .newLine
 {
	 border-bottom:1px;
	 border-bottom-style:solid;
	 border-bottom-color:#bbb;
	 font-size:9px;
	 padding:0px;
	 margin:0px;
	 line-height:15px;
 }
 #tableStat #msg .lastLine
 {
	 font-size:9px;
	 padding:0px;
	 margin:0px;
	 line-height:15px;
 }
 
 /* TABLE STYLING */

#tableLeft {width:591px;background-color:#fff;color:#000;height:auto !important;margin:2.5px auto; margin-bottom:10px;}
#tableLeft h3
{
	color:#0066CC;	
}

#tableLeft #send
 {
     border:solid 1px #bbb;
     background-color:#fff;
     color:#8BAADF;
     font-family: 'Oswald', sans-serif;
     font-size:11px;
 }
#tableLeft input
 {
     border:solid 1px #bbb;
	 padding:3px;
 }
#tableLeft #nick
 {
     width:150px;
 }
#tableLeft #message
 {
     width:591px;
 }
#tableLeft #ajax
 {    
     margin-top:0px;
     float:left;
     width:591px;
	 margin-bottom:10px;
 }

#tableLeft .ajaxtitle
 {    
     border:solid 1px #bbb;
     float:left;
     padding-left:10px;
     padding-right:10px;
     padding-top:5px;
     padding-bottom:5px;
     border-bottom:none;
     color:#0066CC;
     font-weight:bold;
	 font-family: 'PT Sans', sans-serif;
 }
#tableLeft .acontent
 {    
     border:solid 1px #bbb;
     float:left;
     width:100%;
	 padding:5px;
 }
#tableLeft .bubble
 {
     background: url(/uploads/jquerysamples/bubble.jpg);
     float:left;
     width:48px;
     height:2px;
     margin-left: 5px;
     margin-top:5px;
 }
#tableLeft .aheader
 {
     letter-spacing:1px;
     float:left;
     font-size:10px;
     font-family: 'Oswald', sans-serif;
     margin-left: 10px;
     margin-top:4px;
 }
#tableLeft #msg
 {
     float:left;
     width:591px;
	 line-height:22px;
	 font-size:12px;
	 
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
 }
 
#tableLeft #msg th {
	padding: 2px 8px 8px 1px;
	text-align:center;
	font-weight: normal;
	font-size: 14px;
	color: #039;
	border-bottom: 1px dashed #69c;
}
#tableLeft #msg td {
	padding: 2px 8px 2px 8px;
	color: #669;
}

/*
#tableLeft tbody tr:hover td {
	color: #339;
	background:#E8EAFD;
}
*/

#tableLeft #msg .dateChat
 {
     font-size:10px;
 }
 
 /* TABLE STYLING */

#tableRight {width:370px;background-color:#fff;color:#000;height:auto !important;margin:2.5px auto;}
#tableRight #send
 {
     border:solid 1px #bbb;
     background-color:#fff;
     color:#8BAADF;
     font-weight:bold;
     font-family:Verdana;
     font-size:11px;
 }
#tableRight input
 {
     border:solid 1px #bbb;
	 padding:3px;
	 margin-bottom:2px;
 }
#tableRight #nick
 {
     width:150px;
 }
#tableRight #message
 {
     width:370px;
 }
#tableRight #ajax
 {    
     margin-top:0px;
     float:left;
     width:365px;
	 margin-bottom:10px;
 }

#tableRight .ajaxtitle
 {    
     border:solid 1px #bbb;
     float:left;
     padding-left:10px;
     padding-right:10px;
     padding-top:5px;
     padding-bottom:5px;
     border-bottom:none;
     color:#0066CC;
     font-weight:bold;
 }
#tableRight .acontent
 {    
     border:solid 1px #bbb;
     float:left;
     width:100%;
	 padding:5px;
 }
 
#tableRight .acontentNoPad
{    
     border:solid 1px #bbb;
     float:left;
     width:375px;
	 padding:0px;
}
#tableRight .bubble
 {
     background: url(/uploads/jquerysamples/bubble.jpg);
     float:left;
     width:48px;
     height:2px;
     margin-left: 5px;
     margin-top:5px;
 }
#tableRight .aheader
 {
     letter-spacing:1px;
     float:left;
     font-size:10px;
     font-weight:bold;
     margin-left: 10px;
     margin-top:0px;
 }
#tableRight #msg
 {
     float:left;
     width:365px;
     padding-left:0px;
     margin-top:0px;
	 line-height:20px;
	 text-align:center;
 }
#tableRight #msg input {
	
}
#tableRight #msg .date
 {
     font-size:10px;
 }
#tableRight #msg .newLine
 {
	 border-bottom:1px;
	 border-bottom-style:solid;
	 border-bottom-color:#bbb;
	 font-size:9px;
	 padding:0px;
	 margin:0px;
	 line-height:15px;
 }
 #tableRight #msg .lastLine
 {
	 font-size:9px;
	 padding:0px;
	 margin:0px;
	 line-height:15px;
 }
 
  /* TABLE STYLING */

#tableFull {width:1050px;background-color:#fff;color:#000;height:auto !important;margin:2.5px auto;}
#tableFull #send
 {
     border:solid 1px #bbb;
     background-color:#fff;
     color:#8BAADF;
     font-weight:bold;
     font-family:Verdana;
     font-size:11px;
 }
#tableFull input
 {
     border:solid 1px #bbb;
	 padding:3px;
	 margin-bottom:2px;
 }
#tableFull #nick
 {
     width:150px;
 }
#tableFull #message
 {
     width:370px;
 }
#tableFull #ajax
 {    
     margin-top:0px;
     float:left;
     width:990px;
	 margin-bottom:10px;
 }

#tableFull .ajaxtitle
 {    
     border:solid 1px #bbb;
     float:left;
     padding-left:10px;
     padding-right:10px;
     padding-top:5px;
     padding-bottom:5px;
     border-bottom:none;
     color:#0066CC;
     font-weight:bold;
 }
#tableFull .acontent
 {    
     border:solid 1px #bbb;
     float:left;
     width:100%;
	 padding:5px;
 }
 
#tableFull .acontentNoPad
{    
     border:solid 1px #bbb;
     float:left;
     width:375px;
	 padding:0px;
}
#tableFull .bubble
 {
     background: url(/uploads/jquerysamples/bubble.jpg);
     float:left;
     width:48px;
     height:2px;
     margin-left: 5px;
     margin-top:5px;
 }
#tableFull .aheader
 {
     letter-spacing:1px;
     float:left;
     font-size:10px;
     font-weight:bold;
     margin-left: 10px;
     margin-top:0px;
 }
#tableFull #msg
 {
     float:left;
     width:365px;
     padding-left:0px;
     margin-top:0px;
	 line-height:20px;
	 text-align:center;
 }
#tableFull #msg input {
	
}
#tableFull #msg .date
 {
     font-size:10px;
 }
#tableFull #msg .newLine
 {
	 border-bottom:1px;
	 border-bottom-style:solid;
	 border-bottom-color:#bbb;
	 font-size:9px;
	 padding:0px;
	 margin:0px;
	 line-height:15px;
 }
 #tableFull #msg .lastLine
 {
	 font-size:9px;
	 padding:0px;
	 margin:0px;
	 line-height:15px;
 }
 
 
 .msgCleanRed{
	border:solid 1px #F00;
	background:#FECFD0;
	color:#F00;
	font-weight:bold;
	padding:4px;
	text-align:center;
}
.msgCleanGray{
	border:solid 1px #DEDEDE; 
	background:#EFEFEF;
	color:#222222;
	padding:4px;
	text-align:center;
}
.msgCleanGreen{
	border:solid 1px #79EAA9; 
	background:#C5F1C7;
	color:#222222;
	padding:4px;
	text-align:center;
}
.msgProcessing{
	margin-top:4px;
	border:solid 1px #09F; 
	background:#DBE4FD;
	color:#222222;
	padding:6px;
	text-align:center;
}

/* modifications to jquery mobile css template */
.ui-title {
  margin: 0.6em 10% 0.8em !important;
}

/* CHAT SYSTEM */

#chatbox {width:370px;background-color:#fff;color:#000;min-height:220px;height:auto !important;height:220px;margin:2.5px auto;}
#chatbox #send
{
    border:solid 1px #bbb;
    background-color:#fff;
    color:#8BAADF;
    font-weight:bold;
    font-family:Verdana;
    font-size:11px;
	cursor:pointer;
}
#chatbox input
{
    border:solid 1px #bbb;
}
#chatbox #nick
{
    width:150px;
}
#chatbox #message
{
    width:150px;
}
#chatbox #ajax
{    
    margin-top:0px;
    height:280px;
    float:left;
    width:370px;
}

#chatbox .ajaxtitle
{    
    border:solid 1px #bbb;
    float:left;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:none;
    color:#0066CC;
    font-weight:bold;
}
#chatbox .acontent
{    
    border:solid 1px #bbb;
    float:left;
    width:100%;
    height:180px;
}
#chatbox .bubble
{
    background: url(/uploads/jquerysamples/bubble.jpg);
    float:left;
    width:48px;
    height:48px;
    margin-left: 5px;
    margin-top:5px;
}
#chatbox .aheader
{
    letter-spacing:1px;
    float:left;
    font-size:10px;
    font-weight:bold;
    margin-left: 10px;
    margin-top:5px;
}
#chatbox #msg
{
    overflow-y:scroll;
    height:180px;
    float:left;
    width:360px;
    padding-left:10px;
    margin-top:0px;
}

#chatbox #msg .date
{
    font-size:10px;
}

.map
{
	float:right;
	width:370px;
	height:324px;
	border:solid 2px #bbb;
	padding:1px;
}
#map .ajaxtitle
{    
    border:solid 1px #bbb;
    float:left;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:none;
    color:#0066CC;
    font-weight:bold;
}

#map .acontent
{    
    border:solid 1px #bbb;
    float:left;
    width:100%;
}

.stat_container
{
	position:relative;
	height:25px;
}
.stat_box
{
		position:absolute;
		float:left;
		width:80px;
		height:20px;
		text-align:center;
		font-family: 'PT Sans', sans-serif;
		font-size:12px;
		line-height:20px;
		border:solid 2px #666;
		top:0px;
		margin-left:10px;
		background-color:#FFFFFF;
}


/* chat box */

#chat-wrap                      { border: 0px solid #eee; margin: 0 0 15px 0; }
#chat-area                      { height: 140px; overflow: auto; border: 0px solid #666; padding: 5px; background: white; font: 12px "Amaranth", Sans-Serif;}
#chat-area span                 { color: white; background: #333; padding: 4px 8px; -moz-border-radius: 5px; -webkit-border-radius: 8px; margin: 0 5px 0 0; font: 12px "Amaranth", Sans-Serif;}
#chat-area p                    { padding: 8px 0; border-bottom: 1px solid #ccc; }

#send-message-area p            { float: left; color: white; padding-top: 5px; font-size: 14px; }
#sendie                         { border: 1px solid #999; width: 358px; padding: 5px; font: 12px "Amaranth", Sans-Serif; float: right; }