/****************************************************************************
 *  /themes/default/css/nn_position.css
 *  -------------------------------------------------------------------------
 *  application   : QuestCMS
 *  begin         : September 27, 2004
 *  copyright     : (C) 2005 Questwork Consulting Limited
 *  email         : support@questwork.com              
 *  
 *  $_id: v 0.1 2004/10/06 11:47:00 don Exp $
 *  
****************************************************************************/

/******************************************************/
/* HTML tag styles                                    */
/******************************************************/
hr { border: 1px dotted #CCCCCC; }
img { border: 0; }
img.border { border: 1px solid #333333; }
img.dot-border { border: 1px dotted #333333; }

/******* hyperlink and anchor tag styles *******/
a:link {  color: #003399; text-decoration: underline}
a:active {  color: #8C1E25; text-decoration: underline}
a:visited {  color: #8C1E25; text-decoration: none}
a:hover {  color: #8C1E25; text-decoration: underline}

/********* form and related tag styles *********/
.text_box {
  background-color: #ffffff;
  border: 1px solid #000000;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#main-body {
  padding: 0px;
  margin: 0px;
  background: #ffffff;
  border: 0px solid #FF0000;
  background: #FFFFFF url('/questcms/userfile/Image/background.gif') ;
}
#inner_border {
  width: 777px;
  text-align: center;
  padding: 0;
  background: #ffffff;
}
#top-area {
  position: relative;
  width: 777px;
  text-align: center;
  padding: 0;
}
#top-banner {
  float: left;
  width: 343px;
  height: 79px;
    text-align: left;
  border: 0px solid #53628b;
}
#language-box {
  position: absolute;
  top: 0px;
  right: 20px;
  width: 200px;
  border: 0px solid #000000;
}
#bottom-banner {
  clear: both;
  width: 777px;
  height: 83px;
  border: 0px solid #53628b;
  text-align: left;
}
#background-box {
  position: relative;
  width: 777px;
  padding: 0px;
  margin: 0px;
  color: #000000;
  background: #ffffff url('/questcms/userfile/Image/hori_bkg.png');
}
#menu-box {
  float: left;
  width: 172px;
  padding: 0px;
  border: 0px solid #53628b;
  color: #000000;
  background-color: #bee00e;
  z-index: 10;
}
#menu-content {
  padding: 0px;
  text-align: left;
}
#main-box {
  float: right;
  width: 566px;
  text-align: left;
  margin: 0px;
  padding-left: 20px;
  padding-right: 15px;
  padding-top: 20px;
  z-index: 2;
  background: #ffffff;
  border: 0px solid #999999;
}
#main-content {
  text-align: left;
  padding-left: 10px;
}
#page-index-box {
  height: 30px;
  vertical-align: top;
}
#footer-box {
  clear: both;
  height: 10px;
  background: #D9F381;
  border-top: 1px solid #ffffff;
}
#search-box {
  padding: 0px;
  border: 1px solid #53628b;
}
#search-content {
  padding: 10px;
  text-align: center;
}

/***********************************************/
/* Misc Styles                             */
/***********************************************/
.codecontainer{
  height: 350px;
  border: 1px solid gray;
  width: 98%;
}
.activity_photo {
  width: 128px;
  border: 0px;
}

/* Data Label Fonts & BGCOLOR */
table.dataInput {
  border-collapse: separate;
  border-spacing: 0px;
  padding: 0px;
}
.dataLabel {
  color: #000000;
  text-align: right;
  background-color: #DDDDDD;
  height: 6px;
  vertical-align: middle;
}
.dataSmallLabel {
  color: #000000;
  text-align: right;
  background-color: #DDDDDD;
}

/* Data field fonts & BGCOLOR */
.dataField {
  color: #000000;
  text-align: left;
  background-color: #EEEEEE;
}
/* Required field for the '*' */
.Required {
  color: #990000;
  height: 6px;
  background-color: transparent;
}
/* Required field fonts & BGCOLOR */
.requiredInput {
  color: #FFFFFF;
  text-align: left;
  background-color: #990000;
}
/***********************************************/
/* language box Styles                             */
/***********************************************/

.language, .language li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 220px; /*WIDTH OF MAIN MENU ITEMS*/
}
.language li{
position: relative;
white-space: nowrap;
display: inline;
}
.language li a{
font: 12px Verdana, Helvetica, sans-serif;
color: #000000;
float: right;
width: 100px;
text-align: center;
padding-top: 4px;
height: 20px;
background-color: #CEED63 ;
text-decoration: none;
border: 1px solid #ffffff;
}
ul.language li a:hover{
color: #000000;
background-color: #E7FFBC ;
text-decoration: none;
}

/***********************************************/
/* milestone                         */
/***********************************************/

table.milestone {
  border: 1px solid #cccccc;
}
td.milestone-dark {
  background-color: #ccffff;
  vertical-align: top;
  border: 1px solid #cccccc;
}
td.milestone-light {
  background-color: #ffffff;
  vertical-align: top;
  border: 1px solid #cccccc;
}

table.border {
  border: 1px solid #cccccc;
}
td.border {
  background-color: #ffffff;
  vertical-align: top;
  border: 1px solid #cccccc;
}