/*
 * This work is part of the White Rabbit project
 *
 * Color scheme:
 *
 *
 * Button:
 *
 *   Light:    #3A8AAF
 *   Dark:     #002350
 *
 *
 *
 * Copyright (C) 2014 UGR (www.ugr.es)
 * Copyright (C) 2014 7S (www.sevensols.com)
 * Author: Jose Luis Gutierrez <jlgutierrez@ugr.es>
 * Author: Benoit Rat <benoit@sevensols.com>
 *
 * Released according to the GNU GPL, version 2 or any later version.
 */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat;
	margin: 30px 0px 0px 0px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, input, textarea {
	padding: 0px;
	margin: 0px;
}
.main {
	width: 840px;
	margin: 0px auto;
}
.page {
	background-color: #FFFFFF;
	width: 800px;
	float: left;
	padding: 0px 20px;
	margin-bottom: 20px;
}
.header, .header-img {
	width: 800px;
	float: left;

}

.header-ports {
	background-color:#ACD0DB;
	height: 140px;
	margin-top: 15px;

}
.header h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 80%;
	color: #1C1C1C;
	margin-top: 25px;
	margin-left: 5px;
}
.topmenu {
	background-color: #000000;
	width: 800px;
	height: 50px;
	float: left;
}
.topmenu ul {
	height: 15px;
	margin: 18px 0px 0px 20px;
	list-style-type: none;
}
.topmenu ul li {
	background-image: url(../img/bullet.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 15px;
	float: left;
	padding-left: 14px;
	margin-right: 31px;
}
.topmenu ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.topmenu ul li a:hover {
	color: #23b14d;
}

.topmenu ul li.selected {
	border-bottom: 1px dotted #a9c6c9;
}

#sfp_panel .port img
{
	width:40px;
	height:40px;
	border:0
}

#sfp_panel .status img
{
	width:15px;
	height:15px;
	border:0
}


.content {
	width: 800px;
	float: left;
}
.leftpanel {
	background-color: #ededed;
	width: 220px;
	float: left;
	padding: 25px 20px;
	margin-right: -260px;
	position: relative;
	min-height:400px;
}
.leftpanel h2 {
	font-size: 14px;
	line-height: 100%;
	text-transform: uppercase;
	color: #000000;
	padding-bottom: 5px;
	margin-bottom: 17px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;
}
.leftpanel ul {
	margin-bottom: 22px;
	list-style-type: none;
}
.leftpanel ul li {
	margin-bottom: 5px;
}
.leftpanel ul li a {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.leftpanel ul a:hover, .leftpanel ul.advance li a:hover {
	color: #23b14d;
}

.leftpanel ul.advance li a {
	color:grey;
	margin-left:10px;
}

.rightpanel {
	width: 540px;
	float: left;
	border-left: solid 260px #eaeff3;
}
.rightbody {
	text-align: justify;
	width: 480px;
	float: left;
	padding: 25px 0px 25px 40px;
}
.rightbody strong {
	color: #000000;
}
.title {
	font-size: 14px;
	line-height: 100%;
	text-transform: uppercase;
	color: #000000;
	padding-bottom: 5px;
	margin-bottom: 17px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;
}

.title a {
top: -20px;
position: relative;
width: 100%;
float: left;
}

.title a img {
	width:20px;
}

.copyright {
	border: 0px;
	height: 1px;
	width: 1px;
}

.footer {
	/*background: #002350;*/
	background:black;
	width: 800px;
	float: left;
	margin-bottom: 10px;
}

.footer p {
	font-size: 11px;
	line-height: 57px;
	color: #FFFFFF;
	text-align: center;
}
.footer-link {
	color:#ffffff;
	text-decoration:none;
}

a, a:visited {
	color: #002350;
}

a:hover {
	color: #3A8AAF;
}

.btn {
  background: #3A8AAF;
  background-image: -webkit-linear-gradient(top, #3A8AAF, #002350);
  background-image: -moz-linear-gradient(top, #3A8AAF, #002350);
  background-image: -ms-linear-gradient(top, #3A8AAF, #002350);
  background-image: -o-linear-gradient(top, #3A8AAF, #002350);
  background-image: linear-gradient(to bottom, #3A8AAF, #002350);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 1px 6px;
  text-decoration: none;
  border:1px solid darkgrey;
  min-height:20px;
}

.btn:hover {
  background: #3A8AAF;
  text-decoration: none;
}

/**
 *   Light:    #3A8AAF
 *   Dark:     #002350
**/


table.altrowstable {
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	color: #333333;
	border-width: 1px;
	border-color: #a9c6c9;
	border-collapse: collapse;
}
table.altrowstable th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #a9c6c9;
}
table.altrowstable td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #a9c6c9;
}

table.altrowstablesmall {
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	color: #333333;
	border-width: 1px;
	border-color: #a9c6c9;
	border-collapse: collapse;
}
table.altrowstablesmall th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #a9c6c9;
	font-size: 10px;
}
table.altrowstablesmall td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #a9c6c9;
	font-size: 9px;
	width: 100%;
}
table.altrowstablesmall input {
    width: 70px;
    font-size: 100%;
}

#endpointconfig table.altrowstablesmall input {
    width: 45px;
    font-size: 100%;
}

table.altrowstabledash {
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	color: #333333;
	border-width: 1px;
	border-color: #a9c6c9;
	border-collapse: collapse;
}
table.altrowstabledash th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #a9c6c9;
}
table.altrowstabledash td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #a9c6c9;
}

table .oddrowcolor{
	background-color: #d4e3e5;
}
table .evenrowcolor{
	background-color: #c3dde0;
}

table.firstcol {
	text-align:center;
	margin: 0 auto;
}

table.firstcol th {
	padding: 3px;
	color:white;
	background-color:#3A8AAF;
}

table.firstcol tr td:first-of-type {
		font-weight:bold;
}

table.firstcol tr input {
	text-align:center;
}

#network table.firstcol td:first-of-type, #epcalib table.firstcol td:first-of-type
{
	text-align:center;
}

#management table td.first
{
	width:150px;
	text-align:left;
	font-weight:bold;
}

.tableheader {
background-color: #95BEE6;
color:white;
font-weight:bold;
}
.tablerow {
background-color: #A7D6F1;
color:white;
}
.message {
color: #FF0000;
font-weight: bold;
text-align: center;
width: 80%;
}

input {
	padding:0px 1px;
}

form input.last {
	min-height:22px;
	margin: 20px auto;
	margin-left: 30%; /**TODO: Bad Hack **/
}

#epcalib form {
	width:100%;
	margin: 0 auto;
}
#epcalib form.full { 
	width: 100%; 
}

#epcalib form table {
	width:100%;
	border:none;
}

#epcalib form table .empty, #epcalib form table .empty th{
	background:none;
	border:none;
	height:2px;
}

#ptp #daemon {
	width: 50%;
	border-bottom: 1px dotted grey;
	margin-bottom:10px;
	padding-bottom:10px;
}


#ptp #daemon input.btn, #management input.btn, #load input.btn {
width: 100px;
height: 22px;
}

#logo {
margin: 10px 0px;
}
#bottommsg{
	margin-top:300px
}

#alert{
	height:100%;
    background:LightCoral;
}

element.style {
}
	#rebootmsg{
		margin-top:80px
	}

	#rebootmsg img{
		width: 70px;
		height: 70px;
	}

	#rebootwrlogo img{
		float: right;
		width: 90px;
		height: 180px;
		float:bottom;
		padding-top:20px;
		opacity: 0.4;
		filter: alpha(opacity=40);
	}
	#rebootwrlogo p{
		padding-top:50px;
		padding-right:5px;
		float: right;
		font-size: 8px;
		font-style: italic;
	}
}

.center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

table.fiberstable td {
        width: auto !important;
}

