/* main layout
-----------------------------------------------------------------------------*/
body{
  color: #666666;
  background-color: #ffffff;
  padding: 0px 10px 0px 10px;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 13px;
  text-align: center;
}

#wrapper{
  text-align:left;
  margin: 0px auto 30px auto;
  min-width: 700px;
  max-width: 1000px;
  
  /* IE hacks */
  width:expression(
      (document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1020 ? "1000px" : 
      ( ( (document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 799 ? "770px" : "99.7%"
  );
}

table{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 13px;
}

#logo{
  margin: 10px 0px 0px 0px;
  height: 60px;
}

.data{
  margin: 15px 10px 10px 0px;
}

.dataInner{
  padding: 7px;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  margin: 0px;
  padding: 0px;
}

.divide{
  background: url('../images/dotline.gif') repeat-x;
  line-height: 3px;
  width: 100%;
  margin: 6px 0px 0px 0px;
}

/* FF/IE fix */
html > body .divide{
  margin: 5px 0px 5px 0px;
}

.results{
  font-size: 12px !IMPORTANT;
}

.results td{
  border-bottom: 1px solid #cccccc;
}

.colHeader{
  font-weight: bold;
}

#extraFilters{
  margin-top:7px;
  padding-top:4px;
  border-top: 1px solid #cccccc;
}

/* main menu
-----------------------------------------------------------------------------*/
.topMenu{
  margin: 5px 0px 5px 0px;
  padding: 0px;
}

.topMenu ul{
  padding: 0px;
  margin: 0px;
  float: left;
}

.topMenu li{
  display: inline;
}

.topMenu a{
  margin: 0px 5px 0px 5px;
  font-size: 14px;
  color: #999999;
  text-decoration:none;
}

.topMenu a:hover{
  color: #FF6600;
  font-size: 14px;
  text-decoration:none;
}
.topMenu a.tmActive{
  color: #FF6600;
}

.topMenuExtra{
  font-size: 12px !important;
  text-align: right;
  float: right;
  width: 200px;
}


/* trial and triallist sub menus
-----------------------------------------------------------------------------*/

.tsmMenu{
  margin: 5px 0px 5px 0px;
  padding: 0px;
}

.tsmMenu ul{
  padding: 0px;
  margin: 0px;
}

.tsmMenu li{
  display: inline;
}

.tsmMenu a{
  margin: 0px 5px 0px 5px;
  font-size: 14px;
  color: #999999;
  text-decoration:none;
}

.tsmMenu a:hover{
  color: #FF6600;
  font-size: 14px;
  text-decoration:none;
}
.tsmMenu a.tmActive{
  color: #FF6600;
}



/* admin setup menu
-----------------------------------------------------------------------------*/
.setupMenu{
  padding-top: 15px;
  float: left;
  width: 18%;
  list-style-type: none;
}
.setupMenu ul{
  width: 90%;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border-top: 1px solid #cccccc;
}
.setupMenu li{
  margin: 3px 0px 3px 0px;
  border-bottom: 1px solid #cccccc;
}
.setupMenu a{
  font-size: 13px;
  display: block;
  color: #999999;
  text-decoration: none;
}
.setupMenu a:hover{
  color: #FF6600;
  text-decoration: none;
}

.setupMenu a.smActive{
  color: #FF6600;
}


/* quick links
-----------------------------------------------------------------------------*/
.quickLinks{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.quickLinks ul{
  margin: 0px;
  padding: 0px;
}

.quickLinks li{
  text-align: right;
  width: 95%;
  margin: 5px 0px 0px 0px;
  padding: 0px;
}
.quickLinks a{
  color: #999999;
  background: url('../images/arrow-link-grey.gif') center right no-repeat;
  font-size: 14px;
  font-weight: normal;
  display: block;
  width: 95%;
  padding-right: 20px;
  text-decoration: none;
}

.quickLinks a:hover{
  color: #FF6600;
  background: url('../images/arrow-link-orange.gif') center right no-repeat; text-decoration: none;
}


/*text, anchors and headings
-----------------------------------------------------------------------------*/

.meta{
  font-size: 11px;
}

.error{
  color:red;
}

a{
  font-size:12px;
  color: #FF6600;
  text-decoration: underline;
}

img{
  text-decoration:none;
}

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

h1{ font-size: 24px; }
h2{ font-size: 18px; }

h1 , h2{
  color: #FF6600;
  font-weight: normal;
  margin:0px;
  padding:0px;
}

h3{
  color: #666666;
  margin-bottom: 5px;
  font-weight: bold;
}

.orange{
  color: #FF6600 !important;
}

.subHeading{
  color: #666666;
}

.formSmall{
  font-size: 12px;
}

.newButton {
  background:url("../images/button-left.gif") no-repeat left top;
  margin: 0px 2px 0px 0px;
  padding: 0px 0px 6px 5px;
  line-height: 25px;
}

/* ff/ie fix */
html>body .newButton{
  padding: 2px 0px 6px 5px;
}
  
.newButton a {
  background:url("../images/button-right.gif") no-repeat right top;
  margin: 0px;
  padding: 3px 8px 6px 2px;
  text-decoration:none;
}

.newButton a:hover {
  text-decoration:none;
}

.sortButton{padding: 0px 0px 0px 9px; background: url('../images/sort-down.gif') center right no-repeat; text-decoration: none;}
.sortButtonUp{padding: 0px 0px 0px 9px; background: url('../images/sort-up.gif') center right no-repeat; text-decoration: none;}
.sortButton:hover , .sortButtonUP:hover { text-decoration: none; }


.alert{
  padding: 10px;
  text-align: center;
  margin: 5px 0px 20px 0px;
  font-weight: bold;
  border: 1px solid #FF6600;
}

.actionImage{
  border: none;
  padding: 0px 1px 0px 1px;
}

/*silly tables
-----------------------------------------------------------------------------*/

.table-top-line{ background-image:url('../images/table-frames/top-line.gif'); }
.table-left-line{ background-image:url('../images/table-frames/left-line.gif'); }
.table-right-line{ background-image:url('../images/table-frames/right-line.gif'); }
.table-bottom-line{ background-image:url('../images/table-frames/bottom-line.gif');}



/*forms
-----------------------------------------------------------------------------*/
form{
  padding: 0px;
  margin: 0px;
}

.button, .field{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 84%;
  padding: 1px;
  margin: 1px;
}

.button {
  color:#666666;
  font-weight:bold;
  background-color:#ffffff;
  border: 1px solid #cccccc;
}

.field {
  border: 1px solid #cccccc;
  color:#666666;
  background-color:#ffffff;
}

.field:focus{
 border: 1px solid #FF6600;
}

.trialsListNav{
  background: #eeeeee;
  border: 1px solid #cccccc;
  padding: 2px;
  margin: 15px 0px 5px 0px;
}

#autoComplete{
  padding: 8px 5px 8px 5px;
}

.buttonRow{
  line-height: 25px;
}



/* test case library
-----------------------------------------------------------------------------*/

#tcl , #tclUser{
  float: left;
  width: 55%;
  margin-bottom: 20px;
}

#tclEdit , #tclEditUser{
  float: left;
  margin-left: 20px;
  width: 35%;
  padding: 5px 20px 20px 20px;
  background-color: #ffffff;
  border: 1px solid #FF6600;
}


#tclUser{ width: 40%; }
#tclEditUser{ width: 50%; }

.group{
  padding: 5px;
  padding-left: 0px;
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
}

.feature{
  padding: 5px;
  padding-left: 10px;
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
}

.testcase{
  padding: 5px;
  padding-left: 35px;
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
}

.tclCheckBox{
  float: right;
  width: 32;
  font-weight: bold;
}

.groupContainer{
  border: 1px solid #ffffff;
  border-bottom: none;
}

.featureContainer{
  border: 1px solid #ffffff;
  border-bottom: none;
}

.countrySuffixList{
  margin-top: 15px;
  margin-bottom: 0px;
}


.tcResult{
  border: 1px solid #cccccc;
  background-color: #ffffff;  
}

.tcResultHeader{
  background-color: #eeeeee;
  padding: 2px; 
}

.tcResultBody{
  padding: 5px;
}

  

/* BBS
-----------------------------------------------------------------------------*/
.comment , .subject{
  width: 600px;
  margin: 10px 0px 10px 0px;
  border: 1px solid #cccccc;
  background: #ffffff;
}

.subject{
  border: 1px solid #FF6600;
}

.commentBody{
  padding: 5px;
}

.commentHeader{
  margin: 15px 5px 5px 5px;
  font-size: 11px;
}

.commentActions{
  float: right;
}

.commentGroup{
  margin-left: 20px;
}