/* CSS Document */

	html, body {
				margin:0;
				paddin:0;
				overflow:hidden;
				height:100%;

			}
			#head{height:65px; background:#333333;}
			#head #stage-select {
			left:460px;
			position:absolute;
			top:7px;
			color:#CCCCCC;
			}
			#unitseven {
			position:absolute;
			right:6px;
			top:10px;
			text-decoration:none;
			}
			
			#googleadds1{
			height:60px;
			width:468px;
			position:absolute;
			left:344px;
			top:2px;
			}
			
	#leftcontent {
		float:left;
		width:50%;

		}

	#rightcontent {
	float:right;
		}
		
		#blog_top_links { color:#CCCCCC; background-color:#000000; margin:0; width:100%; padding:0; line-height:1.7em; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; width:100%; overflow:hidden; }
#blog_top_links ul { padding:0; margin:0; color:#CCCCCC; }
#blog_top_links  ul li { display:inline;}
#blog_top_links  ul li a, #gl_top_links  ul li a:visited {font-size:10px; display:block; float:left; padding: 4px 6px 0 6px; height:20px; border-right:1px solid #000; border-left:1px solid #000; color:#ccc; text-decoration:none; background: #000000; }
#blog_top_links  ul li a:hover {color: #fff;  background-color:#333333; border-right:1px solid #575656; border-left:1px solid #575656;}

#blog_top_links a.current{
background-color: #333333;border-right:1px solid #575656; border-left:1px solid #575656;
}
img {
border:0px none;
}
#panel {
margin:0px 0pt 0pt 5px;
position:absolute;
width:395px;
z-index:2;
 /*opacity: 0.9;
     filter:alpha(opacity: 90);
     -moz-opacity: 0.9;
     -khtml-opacity: 0.9;*/
}

#legend {
margin:6px 0pt 0pt 10px;
position:absolute;
width:100px;
right: 5px;
z-index:3;
 opacity: 0.9;
     filter:alpha(opacity: 90);
     -moz-opacity: 0.9;
     -khtml-opacity: 0.9;
}

#adminLogin {
margin:6px 0pt 0pt 10px;
position:absolute;
width:100px;
left: 5px;
top: 0px;
z-index:3;
 opacity: 0.9;
     filter:alpha(opacity: 90);
     -moz-opacity: 0.9;
     -khtml-opacity: 0.9;
	 font-family:Georgia,"Times New Roman",Times,serif;
font-size:11px;
}

.error 
	{
	font-weight: bold;
	font-size: 10px;
	color:#FF0000;
	margin:0;
	padding:0;
	}

#content {
clear:both;
width:100%;
height:100%;
}

#itemsCheckBoxs{
background-color:#ffffff; 
border: 1px solid; 
border-color: #000000;
font-size:9px;
font-family:Georgia,"Times New Roman",Times,serif;
padding:0px;
line-height:9px;
margin-top:0px;
height:18px;
}

#viewType{
background-color:#ffffff; 
border: 1px solid; 
border-color: #000000;
font-size:12px;
font-family:Georgia,"Times New Roman",Times,serif;
padding:2px;
height:18px;
}

#panel .section div.top, #panel .section div.bottom {
background:transparent url(./images/panel_top.png) no-repeat scroll 0% 0%;
height:3px;
overflow:hidden;
}

#panel .section div#next.content{
margin:0pt;
padding:4px 0pt 0pt;
text-align:center;
font-size:14px;
font-weight:bold;
}
#panel .section div.content{
background-color:#333333;
padding:10px;
padding-top:3px;
}

#panel .section div.bottom{
background:transparent url(./images/panel_bottom.png) no-repeat scroll 0% 0%;
}

#panel .section{
margin-top:4px;
}
#head *, #panel *, #driver-details{
color:#FFFFFF;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:11px;
}

#legend *{
color:#000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:11px;
}

#hand_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Bsu.png);
    cursor:pointer;
}
#hand_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bsd.png);
}

#placemark_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Bmu.png);
  cursor:pointer;
}
#placemark_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bmd.png);
}

/*#trip_b {
  width:31px;
  height:31px;
  background-image: url(http://unitseven.net/EuropeBlog/traveltracker/FullTracker/addTrip_b.png
}


#trip_b.selected {
  background-image: url(http://unitseven.net/EuropeBlog/traveltracker/FullTracker/addTrip_bs.png
}*/

#photo_b {
  width:31px;
  height:31px;
  background-image: url(images/addPhoto_b.png);
    cursor:pointer;
}

#photo_b.selected {
  background-image: url(images/addPhoto_bs.png);
}

#plotTrip_b {
  width:31px;
  height:31px;
  background-image: url(images/addTrip_b.png);
   cursor:pointer;
}

#plotTrip_b.selected {
  background-image: url(images/addTrip_bs.png);
}

#addStory_b {
  width:31px;
  height:31px;
  background-image: url(images/addStory_b.png);
   cursor:pointer;
}

#addStory_b.selected {
  background-image: url(images/addStory_bs.png);
}

#logout_b {
  width:31px;
  height:31px;
  background-image: url(images/logout_b.png);
   cursor:pointer;
}

#logout_b.selected {
  background-image: url(images/logout_bs.png);
}

#addTrain_b {
  width:31px;
  height:31px;
  background-image: url(images/addTrain_b.png);
   cursor:pointer;
}

#addTrain_b.selected {
  background-image: url(images/addTrain_bs.png);
}

#addLastSeen_b {
  width:31px;
  height:31px;
  background-image: url(images/addLastSeen_b.png);
   cursor:pointer;
}

#addLastSeen_b.selected {
  background-image: url(images/addLastSeen_bs.png);
}

#images_container {
	width: 250px;
	margin: 10px;
}

#images_container div {
	margin: 10px;
	width: 60px;
	height: 60px;
	border-style: solid;
	border-width: 5px;
	border-color: #DEDFDE;
	float: left;
	overflow: hidden;
}

#images_container div:hover {
	border-color: #529EBD;
}

#images_container img.load {
	margin: 36px;
}

       .iwstyle {width:400px;}
	   .iw400 {width:400px;}
	   .iw300 {width:300px;}
	   .iw200 {width:350px; background:url(images/lastSeenIcon.png) right top no-repeat;}
	   .iw200 p{width:340px;}
	   
	   .iwstyle, .iw400, .iw300, .iw200{font-family:Georgia,"Times New Roman",Times,serif;
font-size:11px;}
	   
	   .maxContent{
	   font-family:Georgia,"Times New Roman",Times,serif;
font-size:11px;
    padding-right: 6px;
overflow-x: auto;
overflow-y: auto;
width:650px;

} 

.highlight_word{
    background-color: pink;
}

#infoWindow{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:11px;
width:400px;
}

.photo h2, .blog h2, .iw200 h2{
font-size:14px;margin:0;padding:0;
}

#addedComment{
	   font-family:Georgia,"Times New Roman",Times,serif;
font-size:11px;
}


p.photo{
text-align:center;
}

	   
	   	h4{
			font-style:italic;
			color: #000;
			font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
			padding:0px;
			margin:0px;
			font-size:14px;
			text-align:center;
	}
	
	form { 

	margin: 0;

}

input.t, input.tr, textarea, select, file{

	background-color: #6484b4;
	border: none;
	font-size: 11px;
	color: #D2D5D5;
	margin-bottom:5px;


}

input.from {
background-color: #66bd4a;
		border: 1px solid #656668;
	font-size: 14px;
		width: 250px;

}

input.to {
	background-color: #fd7569;
		border: 1px solid #656668;
	font-size: 14px;
	width: 250px;
}

input.to:focus{
	background-color: #D2D5D5;
	color: #000;
}

input.from:focus{
	background-color: #D2D5D5;
	color: #000;
}

.toSubmit
{
	background-color: #2B2B2B;
	border: 1px solid #656668;
	font-family: Verdana;
	font-size: 14px;
	color: #BBBBBB;
}

.timeline-event-bubble-title{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:11px;

}

#timeline{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:11px;
}

.fromSubmit
{
	background-color: #2B2B2B;
	border: 1px solid #656668;
	font-family: Verdana;
	font-size: 14px;
	color: #BBBBBB;
}
input.t:focus, textarea:focus, select:focus, .file:focus {
	background-color: #c3cddf;
	color: #000;
}
input.t, input.tr {
	height: 1.6em;
}

input.tr:focus, textarea.tr:focus {
	background-color: #6484b4;
	color: #000;
}



select, select:focus {
	height: 1em;
	padding: 0;
}

.submit
{
background-color:#3B5998;
border-color:#D9DFEA rgb(14, 31, 91) rgb(14, 31, 91) rgb(217, 223, 234);
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
text-align:center;
}

input.submit:hover{
   background-color:#000;
   color:#FFFFFF;
}

input.delete:hover, input.cancel:hover{
   background-color:#000;
   color:#FFFFFF;
}

.delete, .cancel
{
background-color:#d95555;
border-color:#D9DFEA rgb(14, 31, 91) rgb(14, 31, 91) rgb(217, 223, 234);
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
text-align:center;
}

.postmetadata{font-size:10px;margin:0;padding:5px;}
.adminBar{font-size:10px;margin:0;padding:5px;}
.adminBar a{color:#FF0000;}
.commentSaid{font-size:14px;margin:0; margin-bottom:5px;}

.comment {
border:1px solid #d4d4d4;
margin:10px;
padding:10px;
}


#commentsForm{
border:1px solid #d4d4d4;
margin:10px;
padding:10px;
}

.entry{font-size:11px; width:600px;text-align:justify;margin:10px;padding:0 0 20px;}
.entry h2,h3{font-size:12px;margin:0;padding:0;}

p.navbar {
   margin:0 0 0 0;
   padding: 2px 2px 0 2px;
   height: 2em;
   position: relative;
   bottom: 5px;
   font-size: 0.7em;
   width:300px;
}

	p.navbar a {
   text-decoration: none;
   padding: 2px 3px 2px 3px;
   color: black;
}

p.navbar a:hover {
   color: #2080d0;
}

p.navbar a.disabled {
   color: #e0e0e0;
   cursor: default;
}

a#next-link, a#last-link {float:right;}
a#prev-link, a#first-link {float:left;}

#thumbs{height:80px;}

#thumbs img{margin:0px; padding:1px;}

#thumbs p, #blog p{margin-top:2px;}

#blog{height:90px;}

#blog table{
margin-top:0;
}

a:link {color: #666666; text-decoration: underline;}
a:visited {color: #666666; text-decoration: underline;}	
a:hover {color: #000;text-decoration: none;}
a:active {color: #fff;}

#panel ul {
	list-style: none;
	margin-left: 0;
	margin-top:0;
	padding-left: 1em;
	text-indent: -1em;
	}
 #panel ul li:before {
	content: "\00BB \0020";
	}

.buttons{
text-align:right;
}