/*
Default values
 */

body {
  background-color: #011D66;
  font: 1em Tahoma, Verdana, sans-sherif;
  color: #eaeaea;
  margin: 0;
  padding: 0;
}

h1 {
  color: #011D66;
  font-size: 1.5em;
  padding-bottom: 5px;
}

h2 {
  color: #011D66;
  font-size: 1.25em;
  border-bottom: 1px solid #011D66;
  padding-left: 50px;
}

a {
  color: #efefef;
  text-decoration: none;
}

a:hover {
  color: #efefef;
  text-decoration: underline;
}


.bullet {list-style-image: url('../images/arrow-list.gif');}
li {list-style-image: url('../images/arrow-list.gif');}


img       { border:0; }
img:hover { border:0; }

span.error {
  display: block;
  float: left;
  margin-left: 20px;
  color: #bb0000;
  font-weight: bold;
}

#view-all a          { color: black; text-decoration: none; border: 1px solid #f6f6f6; padding: 1px; }
#view-all a:hover    { color: black; text-decoration: none; border: 1px solid black; padding: 1px;}

.not-selected a       { color: black; text-decoration: none; border: 1px solid #97D7FF; padding: 1px;}
.not-selected a:hover { color: black; text-decoration: none; border: 1px solid black  ; padding: 1px;}
.selected a       { color: black; text-decoration: none; border: 1px solid #97D7FF; padding: 1px; background-color: #97D7FF;}
.selected a:hover { color: black; text-decoration: none; border: 1px solid black  ; padding: 1px; background-color: #97D7FF;}

a.selected        { color: black; text-decoration: none; border: 1px solid #97D7FF; padding: 1px; background-color: #97D7FF;}
a.selected:hover { color: black; text-decoration: none; border: 1px solid black  ; padding: 1px; background-color: #97D7FF;}
a.not-selected        { color: black; text-decoration: none; border: 1px solid #97D7FF; padding: 1px;}
a.not-selected:hover { color: black; text-decoration: none; border: 1px solid black  ; padding: 1px;}

/* font definitions */
div, p, span, td, li { font: 1em Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family:Tahoma, Helvetica, Arial, sans-serif; }
p { margin:0.5em 0;}
h1, h2, h3, h4, h5, h6 { margin:0; margin-top:1em; }

/* list defaults */
/*ul li { list-style-image: url(../images/arrow-list.gif) }*/

/* link defaults */
a:link, a:active, a:hover { color:#2f4669; }
a:visited { color:#AC3083;  }


.bg {background-color: #99C2FF; }




#content table
{
  border-color: #666;
  border-width: 0 0 1px 1px;
  border-style: solid;
  background-color: white;
}


table.clean {
  border: 0;
}
td.clean {
  border: 0;
}

tr.clean {
  border: 0;
}


#content td
{
  border-color: #999;
  border-width: 1px 1px 0 0;
  border-style: solid;
  margin: 0;
  padding: 4px;
}



#code table {
  border-color: #999;
  border-width: 1px;
  border-style: solid;
  margin: 0;
  padding: 0;
}

#code li {list-style-image: none;}

#code td
{
  border-width: 0;
  border-style: solid;
  margin: 0;
  padding: 2px;
  border-color: #999;
  border-width: 0 0 0 1px;

}

#code td.title {
  border-color: #999;
  border-width: 0px 0px 1px 1px;
  border-style: solid;
  margin: 0;
  padding: 4px;
}

span.selectTestSuite {
  text-align: left;
  position: absolute;
  right: 10px;
  width:250px;
  border-left:1px solid #333;
  border-bottom:2px solid #333;
  border-right:2px solid #333;
  border-top:1px solid #333;
  background-color: #99C2FF;
}

a.selectTestSuite {
  color: black;
}


/* forms */

form {
  margin: 0;
}

textarea {
  width: 98%;
  background-color: #efefef;
  border: 1px solid #36b;
  margin-bottom: 10px;
  color: black;
}

textarea:hover, textarea:active {
  background-color: #fff;
  color: black;
}

textarea:focus {
  color: #36b;
  background-color: #fff;
}

input[type=text],input[type=password] {
  padding: 2px;
  background-color: #efefef;
  background-position:bottom;
  background-repeat:repeat-x;
  cursor:pointer;
  border: 1px solid black;
  color: black;
}

input[type=text]:hover,  input[type=text]:focus,
input[type=password]:hover,  input[type=password]:focus{
  padding: 2px;
  background-color:#fff;
  background-position:bottom;
  background-repeat:repeat-x;
  border:1px solid #36b;
  color: #36b;
}

select {
  color: #36b;
  background-color: #efefef;
  background-position:bottom;
  background-repeat:repeat-x;
  cursor:pointer;
  border: 1px solid black;
}

input.error {
  border: 2px solid #cc0000;
  background-color: #ffffff;
}

#registerForm {
  font: 2em Tahoma, Verdana, sans-sherif;
  width: 70%;
  background-color: #fafafa;
  border: 1px dashed #ccc;
  padding: 5px;
  margin: 5px auto;
  color: black;
}

#registerForm table, #registerForm tr, #registerForm td {border:0; padding: 7px;}
#registerForm .button-submit {
  border: 1px solid #666;
  background-color: #aaa;
  padding: 5px;
}


#globInfo {
  padding: 5px;
  margin: 5px;
}

#l_advanced
{
  float: right;
  height: 250px;
  z-index: 0;
}


div.line {
  clear: both;
  padding-top: 10px;
}

div.line span.fieldName {
  float: left;
  width: 37%;
  text-align: right;
  margin-top: 3px;
}

div.line span.data {
  float: left;
  width: 50%;
  text-align: left;
  margin-left: 15px;
}

div.line span.third {
  float: left;
  width: 60%;
  text-align:left;
}

/* create the tab menu : line>data */
.tab    { border-bottom: 1px dashed #ccc; clear: both; padding-top: 5px; float: right;width: 62%; text-align: left;}
.tab li {
  display: inline;
  margin: -1px;
}
.tab a { color: #000; border: 2px solid #f6f6f6; border-bottom: 2px solid #36b; padding-left: 10px; padding-right:10px; text-decoration: none; font-weight: bold;}
.selected_tab a {
  color: #000;
  border: 2px solid #36b;
  border-bottom: 2px solid #f6f6f6;
  padding-left: 10px;
  padding-right:10px;
  text-decoration: none;
  font-weight: bold;
}


/* make a nice calendar*/
.calendarContainer {
  font-size: 1em;
}

/* Fix the datepicker borders and paddings*/
/* Just added the dateChooser id to increase selectbility
Very interesting: http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/
 */
/*
span#dateChooser .calendarContainer td,
span#dateChooser .calendarContainer tr,
span#dateChooser .calendarContainer{
padding: 0;
border-color: #FFF;
border-width: 0;
border-style: none;
border: 0px solid #FFF;
border-bottom: none;
}
 */

span#dateChooser table.calendarContainer,
span#dateChooser table.calendarContainer table
{
  padding: 0px;
  border-color: #666;
  border-width: 0;
  border-style: solid;
}

span#dateChooser table.calendarContainer td{
  border-color: #666;
  border-width: 0;
  border-style: solid;
  border-bottom: 0px solid #FFF;
  padding: 0px;
}


/* Top header with the Logo */
#top {
  background-color: /*#011D66*/ #011D66;
  background-image: url(../images/dhs/flag_banner.jpg);
  background-repeat: no-repeat;
  background-position: 100% 0px; /* x-pos y-pos */
  width:100%;
  height:100px;
  top: 0px;
  position:relative;
}

#top img.left {
  position: absolute;
  left: 10px;
  top: 10px;
  border: 0;
}

#top img.right {
  position: absolute;
  right: 20px;
  top: 10px;
  border: 0;
}

/* Menu configuration & display */
#menu {
  width:100%;
  height:21px;
  position:relative;
  background-color: white;
  background-image:url(../images/samate/top-bg.png);
  background-repeat:repeat-x;
  border-top: 3px solid #999;
  color: #333;

}
#menu ul {
  list-style-type:none;
  position:absolute;
  height:21px;
  width:auto;
  top:0px;
  left: 20px;
  overflow:visible;
  margin:0;
  padding:0;
}

#menu li {
  list-style-type:none;
  list-style-image:none;
  float:left;
  height:100%;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  margin-right:15px;
}

#menu li a:hover {display:block; color: #011D66;}

#menu li.active {
  border-top: 5px solid #999;
}
#menu li.active a:hover {
  border-top: 0px solid #999;
}

#menu a {
  display:block;
  font-weight: bold;
  color: #333;
  text-decoration: none;
}


/* Login section */
#menu li.space {margin-left: 20px;}
#menu li.login {border: 0; }
#menu li.login:hover {background-color: transparent;}

/* perso configuration & display */
#perso {
  width:100%;
  height:21px;
  position:relative;
  background-image:url(../images/samate/btm-bg.png);
  background-repeat:repeat-x;
  color: #333;
  border-bottom: 3px solid #ccc;
  font-size: .9em;

}

#perso ul {
  list-style-type:none;
  position:absolute;
  height:21px;
  width:auto;
  top:0px;
  right:0px;
  overflow:visible;
  margin:0;
  padding:0;
}

#perso li {
  list-style-type:none;
  list-style-image:none;
  float:left;
  height:100%;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  margin-right:10px;
}




#perso li.text { padding-top: 3px; }

#perso li a:hover {display:block;}

#perso li.active {
  color: red;
}

#perso a {
  display:block;
  font-weight: bold;
  color: #333;
  text-decoration: none;
}

#perso a:hover {
  color: #227a2c;
}



/* Login section */
#perso li.space {margin-left: 50px;}
#perso li.login {border: 0; }
#perso li.login:hover {background-color: transparent;}

#perso input[type=text] {
  padding: 0;
  margin-bottom: 6px;
  background-color: #f6f6f6;
  color: #222;
  cursor:pointer;
  border: 0;
  border-left: 2px solid #aaa;
  padding-left: 2px;
}

#perso input[type=text]:hover {
  padding: 0;
  margin-bottom: 6px;
  background-color: #f6f6f6;
  color: #222;
  cursor:pointer;
  border: 0;
  border-left: 2px solid #aaa;
  padding-left: 2px;
}


#perso #navbar {
  margin-left: 80px;
  padding-top: 3px;
}

#perso #navbar a { display: inline; }


#selection_flaw_codeq {
  width:100%;
  color: #333;

  border: 1px dashed #011D66;
  background-color: #efefef;
  height: 20px;
  padding-left: 5px;
  padding-top: 5px;
}

#selection_flaw_codeq ul {
  list-style-type:none;
  position:relative;
  width:auto;
  margin:0;
  padding:0;
}

#selection_flaw_codeq li {
  list-style-type:none;
  list-style-image:none;
  float:left;
  height:100%;
  margin:0;
  padding:0;
  margin-right:20px;
}

#selection_flaw_codeq a {
  display:block;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  border-bottom:3px solid #efefef;
}

#selection_flaw_codeq a:hover {
  border-bottom:3px solid #999;
}

#footer {
  width: 100%;
  height: 100%;
  padding-bottom: 80px;
}
#footer a {color: #E4E9AF;}

#content {
  background: #f6f6f6;
  color: #222;
  text-align: justify;
  position: relative;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 50px;
  padding-left: 40px;
  padding-right: 40px;
}

#profile_options a { color: #333;}

#code h2 {
  margin: 0;
  padding: 0;
  background-color: #97ABBF;
  color: white;
  border: 0;
}

.label {
  border: 1px solid black;
  background: #232323;
  color: #fff;
  font-weight: bold;
}

.label :hover {
  cursor: pointer;
}

.accBody {
  background: #ededed;
  overflow: auto;
}

.dojoTabPaneWrapper {
  padding : 10px 10px 10px 10px;
}


/* Messages */
#admin-messages {
  border-left: 3px solid #333;
  margin-bottom: 10px;
  padding: 5px;
}

#admin-messages ul {list-style: none;}
#admin-messages li {
  display: block;
  color: black;
}
#admin-messages li:hover {
  color: #bb0000;
}
#admin-messages a       {text-decoration: none; color: black;}
#admin-messages a:hover {text-decoration: none; color: #bb0000;}

/* comments */
.commentContainer {
  border-left: 3px solid #333;
  margin-bottom: 10px;
  padding: 5px;
}
.Title { font-variant:small-caps; }
.Content {
  padding: 5px;
  border-right: 1px dashed #ccc;
}

.Author { font-variant:small-caps; }
.Date { padding-left: 25px; }

#files, #files2 {
  left: 20%;
}

#files table, #files2 table
{
  border: 0;
}

#files td, #files2 td
{
  border: 0;
}



#style {
  text-align: center;
  background-color: #efefef;
  border: 1px solid #ccc;
  -moz-border-radius: 10px;
  margin-top:2px;
  padding-top:5px;
  color: #222;
}

#style img       {padding-left: 5px; border-bottom: 2px solid #efefef;}
#style img:hover {border-bottom: 2px solid #693;}

.space { padding-left: 10px;}
.separator {margin-left: 5px; border-left: 2px solid black; padding-right:5px;}


#cleaner_1 {
  background-color: #f6f6f6;
}
#cleaner_1 table { margin:0; padding: 0; border: 0; }
#cleaner_1 td    { margin:0; padding: 0; border: 0; }

#cleaner_2 {
  background-color: #f6f6f6;
}
#cleaner_2 table { margin:0; padding: 0; border: 0; }
#cleaner_2 td    { margin:0; padding: 0; border: 0; }

#msg-container {
  background-color: #ccc;
}

/*  information.png,  */
#warning {
  color: #333;
  background: #fff6bf url(../images/dev/bug.png) center no-repeat;
  background-position: 15px 50%; /* x-pos y-pos */
  text-align: justify;
  padding: 5px 20px 5px 50px;
  border-top:    2px solid #ffd324;
  border-bottom: 2px solid #ffd324;
  font: 1em "Trebuchet MS", Tahoma, Verdana, sans-sherif;

}
#warning a { color: #666; }

#talk {
  color: #333;
  background: #fff6bf url(../images/dev/information.png) center no-repeat;
  background-position: 15px 50%; /* x-pos y-pos */
  text-align: justify;
  padding: 5px 20px 5px 50px;
  border-top:    2px solid #ffd324;
  border-bottom: 2px solid #ffd324;
  font: 1em "Trebuchet MS", Tahoma, Verdana, sans-sherif;

}

#okay {
  color: #333;
  background: #fff6bf url(../images/dev/done.png) center no-repeat;
  background-position: 15px 50%; /* x-pos y-pos */
  text-align: justify;
  padding: 5px 20px 5px 50px;
  border-top:    2px solid #ffd324;
  border-bottom: 2px solid #ffd324;
  font: 1em "Trebuchet MS", Tahoma, Verdana, sans-sherif;

}

#okay a {color: #246D2D; text-decoration: none; font-weight: bold; border-bottom: 1px dashed #246D2D;}


.editable_flaw:hover {background-color: #ffc; cursor: pointer;}

.button {
  background-color: #CCC;
  border: 1px solid #666;
  color: #000;
  padding: 10px;
  width: 150px;
  text-align: center;
  -moz-border-radius: 10px;
}


.menu-top-right {
  float: right;
  text-align: right;
  height: 20px;
  width:100%;
}

.menu-top-right a       {color: #111;}
.menu-top-right img     {border: 0;}

#ts_all { text-align: center; }

.checked { border: 1px solid #222; padding: 2px; }
.checked:hover { background-color: #fff;}
.checked a {border: 0;}


#inputFiles table,#inputFiles tr,#inputFiles td,#inputFiles tbody,#inputFiles thead { border: 0;}
#inputFiles2 table,#inputFiles2 tr,#inputFiles2 td,#inputFiles2 tbody,#inputFiles2 thead { border: 0;}

.flawInfo {

  margin: 3px;

  margin-top: 3px;
  border-left: 1px solid #333;
}


/* Search NAV*/
#search-menu {
  border-bottom : 1px solid #011D66;
  margin : 0;
  padding-bottom : 19px;
  padding-bottom: 0px;
  padding-left : 10px;
  height:100%;
}

#search-menu ul, #search-menu li	{
  display : inline;
  list-style-type : none;
  margin : 0;
  padding : 0;
}

#search-menu a:link, #search-menu a:visited	{
  background : #E8EBF0;
  border : 1px solid #011D66;
  color : #666;
  float : left;
  font-size : small;
  font-weight : normal;
  line-height : 14px;
  margin-right : 8px;
  padding : 2px 10px 2px 10px;
  text-decoration : none;
}

#search-menu a:hover, #search-menu ul a:hover	{
  color : #f00;
}

#search-menu li#search-nav-5 a,
#search-menu li#search-nav-4 a,
#search-menu li#search-nav-3 a,
#search-menu li#search-nav-1 a,
#search-menu li#search-nav-2 a {
  background : #efefef;
  border-bottom : 1px solid #F6F6F6;
  color : #011D66;
}

#search-menu li.active#search-nav-5 a,
#search-menu li.active#search-nav-4 a,
#search-menu li.active#search-nav-3 a,
#search-menu li.active#search-nav-1 a,
#search-menu li.active#search-nav-2 a {
  background : #fff;
  color: #011D66;
  border-bottom : 1px solid #F6F6F6;
}

.fileInfo {
  padding: 5px;
  border-bottom: solid;
  border-width: 1px;
}
.source_code ol {
  margin-left: 10px;
}
.flaw_line_number {
  cursor: pointer;
}

.fieldName a {
  color: #E4E9AF;
}

#contactus {
    margin-top: 10px;
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
    padding: 10px;
    text-align: center;
}