/*
Copyright (C) 2008 severalnines.com                                                                                
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or  
(at your option) any later version. 
This program is distributed in the hope that it will be useful,  
but WITHOUT ANY WARRANTY; without even the implied warranty of 
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License 
along with this program; if not, write to the Free Software

Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

*/

/* standard elements */


a {text-decoration: none;}

body {
	background: #FFF;
	/*background: #FFF url(img/bg.jpg) repeat-y center top;*/
	color: #000;
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
	

p,ul {
	font-size: 1em;
	padding-bottom: 0em;
}

ol {margin:5px; padding:0px;}	

blockquote {font: bold 1em sans-serif;}



code2
{
font-family: Courier, monospace;
font-weight: normal;
font-size: 1.0em;
color: #000;
}

code {
	background: #CCC;
	font-family: Courier, monospace;
	display: block;
    font-size: 1.0em;
    margin: 0px 10px 0px;
    overflow: auto;
    padding: 8px 0px;
    white-space: pre;
	width: 100%;
}
	

fieldset
{
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: none;
	text-align:left;
	padding:0px;
	margin:0px;
	
}

img {
	color: #FFF;
}

img .center {
        text-align: center;
	color: #FFF;
}

ul {margin-left: 1em;}	

li {
	/*font: normal 1.2em "Lucida Sans Unicode",sans-serif;*/
	padding: 0px;
	margin: 10px 10px 10px 20px;
	color: #000;
}

p {
	font: 1.0em Verdana,sans-serif;
	font-size: 1em;
	color: #000;
	font-family: Verdana, sans-serif;
}

.small {
	font: 0.8em Verdana,sans-serif;
	font-size: 0.8em;
	color: #000;
	font-family: Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	color:#900;
}	

.medium {
	font: 0.8em Verdana,sans-serif;
	font-size: 0.8em;
	color: #000;
	font-family: Verdana, sans-serif;
		margin: 0px;
	padding: 0;
	color:#900;
}	


h1 {font: normal 2.4em sans-serif; color:#000;}
h2 {
	font: bold 1.6em Verdana,sans-serif;
	color:#000;
	padding-bottom: 4px;
}

h3 {
	font: bold 1.2em Verdana,sans-serif;
	color:#000;
}
/* misc */
.clearer {clear: both;}
.stripes {
	background: #FFF url(/img/stripe.gif);
	height: 6px;
}
.left {float: left;}
.right {float: right;}

/* header */
.header {
	background: #FFF  url(/img/cmonx.jpg);
	border-bottom: 0px solid #FFF;
	font: normal 2em sans-serif;
	height: 120px;
}
.header a {
	color: #888;
	display: block;
	line-height: 120px;
	text-decoration: none;
	width: 100%;
}
.header h1 {
	border-right: 0px solid #000000;
	color: #FFF;
	float: left;
	font: bold 2em Verdana,sans-serif;
	line-height: 51px;
	padding: 0 20px;
}
.header h2 {
	border-right: 0px solid #000000;
	color: #FFF;
	font: bold 1em Verdana,sans-serif;
	line-height: 20px;
	padding: 100px 0px;
}


.header span {padding-left: 0px;}
.header a:hover {
	background: #FFF;
	/*background: #191919;*/
	color: #BBB;
}

/* structure */
.container {
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	border-top: none;
}

.main {
	/*background: #303030;*/
	background: #FFF;
	border: 1px solid #444;
	border-bottom: 0px solid #2A2A2A;
	border-left: 0px solid #2A2A2A;
}
.main .left {width: 75%;}
.main .right {width: 25%;}

.content {
	border-left: 0px solid #444;
	border-top: 0px solid #444;
	padding: 16px;
}

/* content elements */
.content h1 {
	background: #FFF url(img/bgh1.gif) repeat-x left bottom;
	color: #000;
	margin-bottom: 10px;
	padding: 6px 0 4px;
}
.content a {
	color: #666;
	text-decoration: underline;
}
.content a:hover {color: #000;}
.content .descr {margin-bottom: 5px;}

/* navigation */
.nav {background: #FFF  url(img/bgh1.gif) ;}
.nav a {
	background: #FFF  url(img/bgh1.gif) ;
	border-right: 0px solid #161616;
	color: #FFF;
	float: left;
	font: bold 1em Verdana,sans-serif;
	line-height: 51px;
	padding: 0 20px;
}
.nav a:hover {
	background: #666;
}

/* sub-navigation */
.subnav {
	background: #FFF;
	border: 0px solid #1E1E1E;
	border-top-color: #444;
	padding: 1px;
	font-family: "Lucida Sans Unicode", sans-serif;
}
.subnav h1 {padding-top: 8px;}
.subnav ul {margin: 0px; font-size:0.9em;}
.subnav li {
	background: url(img/li.gif) no-repeat left bottom;
	list-style: none;
	font-size:1.0em;
	padding:0px;
	margin: 0px;
}
.subnav ol {margin:10px; padding:0px;}	

.subnav h3 {
	font-size:1.2em;
	padding:0px;
	margin: 0px;
        }

.subnav h4 {
	font-size:1.1em;
	padding:10px;
	margin: 0px;
        }
.subnav li a {
	color: #777;
	line-height: 2.4em;
	padding-left: 18px;
	text-decoration: none;
}
.subnav li a:hover {
	color: #BBB;
	font-size: 1.0em;
}

.subnav form{position: relative; padding-left: 0; width:80%;}

.subnav fieldset {
width:80%;
font-family:Verdana, Arial, Helvetica, sans-serif;
/*font-size:0.8emx;*/
font-size:100%;
padding:0px;
margin:0px;
position:relative; width:90%; background-color: #ffffff; border: 1px solid #c9c9c9; padding: 10px; text-align: left; line-height: 17px; margin-bottom: 20px;
}

.subnav legend {
width:80%;
text-align:center;
background:#DDE7F0;
margin:0px;
font-weight:bold;
color:#000000;
}

.subnav label {
font-family:Verdana, Arial, Helvetica, sans-serif;
/*font-size:0.8emx;*/
font-size:120%;
font-weight:bold;
color:#000000;
}


.subnav input{
width:100%;
padding-left: 1px;
border-style: solid;
border-color: black;
border-width: 1px;
font-family: "Lucida Sans Unicode", sans-serif;
padding-left: 1px;
}

.subnav table{
        width:80%;
	text-align: left;
	padding: 0px;
       /* border: 1px #000 solid ;*/
   	border:none;
	font-size: 0.8em;
}

.subnav tr{
	text-align: left;
        width:80%;
	padding: 0px;
   	border:none;
	font-size: 0.8em;
}

.subnav td{
	text-align: left;
        width:80%;
	padding: 0px;
   	border:none;
	font-size: 0.8em;
}



/* footer */
.footer {
	/*background: #191919;*/
	background: #FFF;
	border-top: 1px solid #444;
	color: #999;
	padding: 3% 3% 1%;
}
.footer ul {
	border-top: 0px solid #262626;
	margin: 0px;
}
.footer li {
	border-bottom: 0px solid #262626;
	list-style: none;
}
.footer li a {
	display: block;
	line-height: 2em;
	padding-left: 4%;
	width: 96%;
}
.footer a {color: #666;}
.footer a:hover {
	color: #BBB;
	background: #FFF;
}
.col3,.col3center {
	float: left;
	width: 31%;
}
.col3center {margin: 0px 3%;}

/* bottom */
.bottom {
	color: #FFF;
	border-top: 1px solid #444;
	clear: both;
	font-size: 1.1em;
}
.bottom a, .bottom .right a:hover {color: #888;}
.bottom .right, .bottom .right a {color: #555;}

.right .box {
	background: #666 ;
	/*border: 1px solid #FFF;*/
	display: block;
	font-size: 0.75em;
	margin: 0px 2px 2px;
	overflow: auto;
	padding: 0px 0px;
	white-space: pre;
}
.right .field {margin-bottom: 5px;}

.bl {background: url(img/bl.gif) 0 100% no-repeat #999999; width: 20em}
.br {background: url(img/br.gif) 100% 100% no-repeat}
.tl {background: url(img/tl.gif) 0 0 no-repeat}
.tr {background: url(img/tr.gif) 100% 0 no-repeat; padding:10px}
.clear2 {font-size: 1px; height: 1px} 


table  {
        width:100%;
	padding: 0px;
	border: 1px #000 solid ;
	text-align: left;
	float:left;
	background-color:#D0D0D0;
	}
	
	
td  {
	padding: 5px;
	border: 1px #000 solid ;	
	border-left: 1px #000 solid ;
	border-right: 1px #000 solid ;
	border-top: 1px #000 solid ;
	border-bottom: 1px #000 solid ;
	color: #000;
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 1.0em;
	text-align: left;}

tr  {	font-size: 1.0em;
	padding: 1px;
	border-bottom: 2px #fff solid;
	text-align: left;
	}

table .noborder  {
	padding: 5px;
    	border: none;
	}
	
tr .noborder {
	font-size: 0.8em;
	padding: 5px;
	border:none;
	font-family: "Lucida Sans Unicode", sans-serif;
	}
	
	
td  .noborder {
	padding: 5px;
	border: 1px #000 solid ;
	}

td  .nobordersmall {
	padding: 5px;
	font-size: 0.8em;
	font-family: "Lucida Sans Unicode", sans-serif;
        border: none;
	text-align: center;
	}
	
td  .noborderbold {
	padding: 5px;
	background-color:#666;
	border: 2px #000 solid;
	color:#066;
	}
	
.container .header p {
	font-size: 1em;
	color: #900;
	font-family: Verdana, sans-serif;
}

.hightlight
{
  background-color: #FFCE31;
  color: #000;
}

td.green
{background-color: #FFF ;
background-image: url(images/greenball.png);
background-position:left;
background-repeat:no-repeat;
color: #000;
text-align: center;
padding: 5px 5px 5px 14px;
border: 1px #000 solid;}

td.red
{background-color: #FFF ;
background-image: url(images/redball.png);
background-position:left;
background-repeat:no-repeat;
color: #000;
padding: 5px 5px 5px 14px;
text-align: center;
border: 1px #000 solid;}

td.yellow
{background-color: #FFF ;
background-image: url(images/yellowball.png);
background-position:left;
background-repeat:no-repeat;
color: #000;
padding: 5px 5px 5px 14px;
text-align: center;
border: 1px #000 solid;}

td.greenselected
{background-color: #CCC ;
background-image: url(images/greenball.png);
background-position:left;
background-repeat:no-repeat;
color: #000;
padding: 5px 5px 5px 14px;
text-align: center;
border: 1px #000 solid;}

td.greenselectedalarm
{background-color: #FF0000 ;
background-image: url(images/greenball.png);
background-position:left;
background-repeat:no-repeat;
color: #000;
padding: 5px 5px 5px 14px;
text-align: center;
border: 1px #000 solid;}

td.hed
{background-color: #666;
color: #fff;
padding: 5px;
text-align: center;
border: 1px #000 solid;
font-weight: bold;}

td.hedmedium
{background-color: #666;
color: #fff;
padding: 5px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 1.0em;
font-weight: bold;}


tr.hed
{background-color: #666;
color: #fff;
padding: 5px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 1.0em;
font-weight: bold;}

tr.selected
{background-color: #CCC;
color: #fff;
padding: 5px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 1.0em;
font-weight: bold;}


tr.selected
{background-color: #CCC;
color: #fff;
padding: 5px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 1.0em;
font-weight: bold;}



.detail-box2{position: relative;  background-color: #ffffff; border: 1px solid #c9c9c9; padding: 20px; text-align: left; line-height: 17px; margin-bottom: 20px;}
.detail-box{position: relative;  background-color: #ffffff; border: 1px solid #c9c9c9; padding: 10px; text-align: left; line-height: 17px; margin-bottom: 20px;}
.detail-boxsmall{position:relative; width:90%; background-color: #ffffff; border: 1px solid #c9c9c9; padding: 10px; text-align: left; line-height: 17px; margin-bottom: 20px;}
.detail-box img{position: relative; padding-right: 20px;}
.detail-box form{position: relative; padding-left: 0px;}
.detail-replbox{position: relative;  background-color: #ffffff; border: 1px solid #c9c9c9; padding: 20px; text-align: left; line-height: 17px; margin-bottom: 20px;}
.detail-box h2{font-size: 1.2em;}

.detail-box table  {
        width:100%;
	padding: 0px;
   	border:none;
	font-size: 0.9em;
}


.detail-box ol {margin:5px; padding:0px;}	
.detail-box p{
	padding: 6px;
	font-size: 1.0em;
	color: #000;
	font-family: "Lucida Sans Unicode", sans-serif;}

.detail-box .hed{
	padding: 5px;
	font-size: 0.9em;
	color: #fff;
	font-family: "Lucida Sans Unicode", sans-serif;}

.detail-box .small {
	width: 100%;
	font: 1.0em Verdana,sans-serif;
	font-size: 1.0em;
	color: #000;
	font-family: Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	color:#900;
}	


.detail-box .green
{background-color: #FFF ;
background-image: url(images/greenball.png);
background-position:left;
background-repeat:no-repeat;
color: #000;
text-align: center;
padding: 5px 5px 5px 14px;
border: 1px #000 solid;}

.detail-box .red
{background-color: #FFF ;
background-image: url(images/redball.png);
background-position:left;
background-repeat:no-repeat;
color: #000;
padding: 5px 5px 5px 20px;
text-align: center;
border: 1px #000 solid;}

.detail-box .yellow
{background-color: #FFF ;
background-image: url(images/yellowball.png);
background-position:left;
background-repeat:no-repeat;
color: #000;
padding: 5px 5px 5px 14px;
text-align: center;
border: 1px #000 solid;}
 
.detail-box .greenselected
{background-color: #CCC ;
background-image: url(images/greenball.png);
background-position:left;
background-repeat:no-repeat;
color: #000;
padding: 5px 5px 5px 18px;
text-align: center;
border: 1px #000 solid;}


.detail-box .redselected
{background-color: #CCC ;
background-image: url(images/redball.png);
background-position:left;
background-repeat:no-repeat;
color: #000;
padding: 5px 5px 5px 18px;
text-align: center;
border: 1px #000 solid;}


.detail-box .yellowselected
{background-color: #CCC ;
background-image: url(images/yellowball.png);
background-position:left;
background-repeat:no-repeat;
color: #000;
padding: 5px 5px 5px 18px;
text-align: center;
border: 1px #000 solid;}

.detail-box tr{
	padding: 5px;
	font-size: 1.0em;
	color: #000;
	font-family: "Lucida Sans Unicode", sans-serif;}

.detail-box td{
	padding: 5px;
	font-size: 1.0em;
	color: #000;
	font-family: "Lucida Sans Unicode", sans-serif;}


.detail-box td.bold{
	padding: 5px;
	font-size: 1.0em;
	color: #000;
        font-weight: bold;
	font-family: "Lucida Sans Unicode", sans-serif;}


.detail-box input {
padding-left: 1px;
border-style: solid;
border-color: black;
border-width: 1px;
width:90%;
font-family: "Lucida Sans Unicode", sans-serif;
padding-left: 1px;
}

.detail-box input.button {
padding-left: 1px;
border-style: solid;
border-color: black;
border-width: 1px;
font-family:  "Lucida Sans Unicode", sans-serif;
padding-left: 1px;
}

.smallbox {
 padding: 0px 0px 0px 0px;
 float: left;
 width: 50%;
}

.smallbox2 {
 padding: 0px 0px 0px 0px;
 float: left;
 width:40%;
}

.smallbox3 {
 padding: 0px 0px 0px 0px;
 float:left;
 width:20%;
}

.smallbox2 .noborder {
	text-align:left;
	padding: 0px;
	margin: 0px;
	border-style: none;	
	font-family: "Lucida Sans Unicode", sans-serif;
}

.smallbox2 .tr  {
	font-size: 60%;
	padding: 1px;
	border-left: 1px #000 solid ;
	border-right: 1px #000 solid ;
	border-top: 1px #000 solid ;
	border-bottom: 1px #000 solid ;
	text-align: center;
	}

.smallbox2 .td  {
	padding: 5px;
	border-left: 0px #000 solid ;
	border-right: 0px #000 solid ;
	border-top: 0px #000 solid ;
	border-bottom: 0px #000 solid ;
	color: #000;
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 85%;
    }
.smallbox2 .noborderbold {
        font-weight: bold;
	text-align:left;
	font-size:85%;
	padding: 0px;
	margin: 0px;
	border-style: none;
	font-family: "Lucida Sans Unicode", sans-serif;
}

.detail-replbox .tr  {
	font-size: 60%;
	padding: 1px;
	border-left: 1px #000 solid ;
	border-right: 1px #000 solid ;
	border-top: 1px #000 solid ;
	border-bottom: 1px #000 solid ;
	text-align: center;
	}

.detail-replbox .td  {
	padding: 5px;
	border-left: 0px #000 solid ;
	border-right: 0px #000 solid ;
	border-top: 0px #000 solid ;
	border-bottom: 0px #000 solid ;
	color: #000;
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 85%;
    }
.detail-replbox .noborderbold {
        font-weight: bold;
	text-align:left;
	font-size:85%;
	padding: 0px;
	margin: 0px;
	border-style: none;
	font-family: "Lucida Sans Unicode", sans-serif;
}

.smallclear {
 clear:both;
}