/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
html {
    overflow:hide;
    }

body {
/*	background: #fff url(/media/img/bg2.gif); /* Optional */
    height:100%;
    width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center; /* IE Fix */
	margin: 0;
	color: #666;
    overflow:hide;
	}
acronym { cursor: help; border-bottom: 1px dashed #999; }
/*
a { text-decoration: none; color: #369; border-bottom: 1px dashed #369; }
a:hover { border-bottom: 1px dashed #49515C; color: #49515C; }
*/
/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
    width:100%;
    height:100%;
	margin: 0;
	background: #fff;
	text-align: left; /* Cancel IE Fix */
    overflow: hide;
	}
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/		
#header {
/*	background: #49515C url(/media/img/header_right.gif) no-repeat 100% 0; */
	/*background: url("/media/top-bar-bg.jpg") #0a3b53;*/
	height: 1.5em;
    line-height: 1.8em;
	/*background: #49515C no-repeat 100% 0;*/
	padding: 0px 0px;
	}	
.header-right {
    float:right;
    padding-right: 3em;
}
#header h1 { 	
	margin: 0px;
	color: #C6C4C5;
	font-size: 1.8em;
	font-weight: normal;
	cursor: default;
	}	
#header h2 { 	
	margin-top: 0px;
	/*margin-bottom:20px;*/
	vertical-align:middle;
	color: #8D8E90;
	font-size: 1.0em;
	padding-left: 0.5em;
	cursor: default;
	}	

/*------------------------------------------------------------*
**  Nav
**------------------------------------------------------------*/

#nav {
	margin-bottom: 1em;
	height: 2.1em;
	}
#nav ul {
    list-style-type: none;
    margin: 0; 
	padding: 0;
    background-color: #858F9E;
    background: -webkit-linear-gradient(#858F9E , #858F9E); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#858F9E, #858F9E); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#858F9E, #858F9E); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#858F9E , #707178); /* Standard syntax */
    height:100%;

}
#nav ul li {
    list-style-type: none;
	display: inline;
	line-height: 1.5em;
}
	
#nav ul li a { 
	text-decoration: none; 
	color: #ddd;
	/*background-color: #858F9E;*/
	border-bottom: 0;
	padding: 0px 0.5em;
	font-size: 1.2em;
	float: left;
	font-weight: bold;
    line-height: 1.7em;
    height:100%;
	}
#nav li a:hover { color: #fff; }
#nav li a.on { background-color: #49515C; }

/*------------------------------------------------------------*
**  Side Bar
**------------------------------------------------------------*/
#sidebar {
    margin: 0;
	float: left;
	width: 150px;
	position: relative;
	line-height: 20px; 
	word-spacing: 2px;	
	}
/*#sidebar div { background: #fff url(/media/img/para_bg.jpg) repeat-x; }	
/*------------------------------------------------------------*
**  Side Bar & Content
**------------------------------------------------------------*/
#sidebar h3 { 
	}
	
#sidebar ul {
	margin:0;
	padding:0;
	list-style:none;
}	

.offline {
    color: #777;
}
.online {
    color: #007;
}
.detecting {
    color: #0a0;
}

.rejectedclips {
    background:#fdd;
}
.confirmedclips {
    background:#dfd;
}
.newclips {
    background-color:#eed;
}

#sidebar a:hover {
	color:#111;
	background-color:#ffc;
}

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content h3 { 
	font-size: 1.1em; 
	color: #49515C; 
	margin: 0 10px 0 0; 
	cursor: default;
	}
	
#content {
    float: left;
    height: 100%;
    width: 99%;
    padding-left: 1em;
	text-align: justify; 
    overflow: hide;
	}	

.matrixview,
.specgram-noborder,
.specgram {
    height:100%;
    -webkit-transition: all 0.2s ease;
  	-moz-transition: all 0.2s ease;
  	-o-transition: all 0.2s ease;
  	-ms-transition: all 0.2s ease;
  	transition: all 0.2s ease;
    position: relative;
}
.specgram {
    border:1px solid LightGray;
    height: 8em;
}

.specgram_matrix {
    margin: 0.2em;
    display: inline-block;
}

.matrixview {
    border: 1px solid #ddf;
    margin: 0.1em;
    padding: 0.1em;
    display: inline-block;
    vertical-align: baseline;
}
li.matrixview {
    width: 19%;
    height: 18em;
    overflow-x: hidden;
}
img.matrixview {
    height: 80%;
    width: 100%;
}

.cliplist_matrix {
    max-width: 100%;
    display: inline-block;
    vertical-align: baseline;
}

.specviewer {
    border:1px solid LightGray;
    padding: 1em;
    margin: 1em;
    margin-left: 5em;
    float:left;
    box-shadow: 0px 0px 5px #888888;
}
.specgram:hover {
    cursor: pointer;
    image-rendering: optimizeQuality;
    transform:scale(1.3);
    -ms-transform:scale(1.3); /* IE 9 */
    -moz-transform:scale(1.3); /* Firefox */
    -webkit-transform:scale(1.3); /* Safari and Chrome */
    -o-transform:scale(1.3); /* Opera */
    top: -15px;
}

img.matrixview:hover {
    cursor: pointer;
    image-rendering: optimizeQuality;
    transform:scale(3,1);
    -ms-transform:scale(3,1); /* IE 9 */
    -moz-transform:scale(3,1); /* Firefox */
    -webkit-transform:scale(3,1); /* Safari and Chrome */
    -o-transform:scale(3,1); /* Opera */
  /*  width: 22%;
    height: 17em;*/
}

.slider {
    width: 10em;
}


table.admin-layout  {
    min-width:100%;
    max-width: 100%;
}

table.admin-layout tbody {
    min-width:100%;
    max-width: 100%;
}
td.admin-nav {
    width: 10em;
}

table.cliplist {
    border-spacing:0;
}

table.cliplist td, 
table.cliplist th {
    padding-left:1em;
    padding-right:1em;
    border-bottom:1px Solid #ccc;
}

table.cliplist th {
    border-bottom:3px Solid #777;
}

table.cliplist th label {
    padding-right: 40ppx;
}

table.cliplist tr {
}

table.sgcontrols {
    padding-left:1em;
}

table.sgcontrols tr {
    padding-bottom:1em;
}
table.sgcontrols td {
    padding-left:0.5em;
    padding-bottom:1em;
}

.clipadminsearch {
    margin-left:1em;
    margin-bottom:1em;
}
.clipadminsearch a {
    text-align: top;
}


#clipadmindiv {
    padding-left: 1em;
    padding-top:1em;
    padding-bottom:1em;
    width:100%;
    float:left;
    background-color: #ddf; 
}

#clipheader {
    overflow: hidden;
    padding-bottom: 0.2em;
}
#clipadmin {
    padding: 0.5em;
    overflow: hidden;
    background-color: #fff;
}

.clip_type_active {
    background-color: #ddf;
}

div.clipadminnav div {
    padding: 0.5em;
    width: 100%;
    padding-right: 5em;
}

.clipadminnav {
    overflow:hide;
    float:left;
    padding-bottom: 2em;
}
.clipadminnav_filters {
    margin-top: 10em;
    padding-left: 1em;
}

.clipadminnav_filters a {
    color: green;
    font-size: 0.7em;
}

table.eventlist td {
	border: 1px solid black;
	padding: 2px 20px 2px 2px;
	
}
table.eventlist tr:nth-child(even) {
	background-color: #f2f2f2
}

/*------------------------------------------------------------*
**  Map
**------------------------------------------------------------*/

#map_div {
	width: 70%;
    height: 80%;
}

#map_canvas {
    height: 90%;
    width: 90%;
	position: relative;
	line-height: 20px; 
	text-align: center; 
	word-spacing: 2px;
    padding: 1em;
    margin-top: 1em;
	}

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer {

	/*background: #49515C url(/media/img/header_right.gif) no-repeat 100% 0;*/
	background: #49515C no-repeat 100% 0;	
	border-bottom: 5px solid #fff;
	border-top: 10px solid #fff;
	text-align: center;	
	color: #fff;
	font-size: 0.8em;
	padding: 10px;
	line-height: 16px;
	clear: both;
	}
	
#footer a { text-decoration: none; color: #A2AFBF; border-bottom: 1px dashed #A2AFBF; }
#footer a:hover { border-bottom: 1px dashed #fff; color: #fff; }