form{
    margin: 0px;
    padding: 0px;
}

.sub_toggle_title{
    padding: 2px 0;
}

.sub_toggle_title a{
    float:left;
}

.sub_toggle_title div{
    padding-left:2em;
}


.toggle_link{
    float: left;
    text-decoration: none;
}

.sub-version{
    padding-left: 2em;
    font-weight:bold;
}

.task_session{
    float:left;
    text-align:left;
    margin-left: 24px;
    width:64.5em;
    height:30em;
}
.task_session .fieldWithErrors{
    width: 100%;
    display: block;
    padding: 0px;
}

.story_description_edit,
.story_description,
.comment_preview,
.comment_edit{
    height: 400px;
    overflow: auto;
    border: 1px solid #AAAFFF;
}
.comment_preview{
    background: #eee;
}

.story_description{
    width: 95%;
    background: #eee;
}

.story_description_edit{
    width: 95%;
}

.comment_edit textarea,
.story_description_edit textarea{
    width: 100%;
    height: 100%;
    overflow: auto;
    border: 0;
}

.sectionHeader {
    background-color:#EEEEEE;
}

.sectionHeader a{
    text-decoration: none;
}

a {
    border:none;
    font-weight: bold;
    text-decoration: underline;
    font-family:Verdana,sans-serif;
    color:#222222;
}
a:hover{
    color: #6666AA;
    background:#000000;
    border:none;
}

label.text_right_align_label{
    display: block;
    margin-bottom: 1px;
    padding-right: 10px;
    font-weight: bold;

}

input.tablelessForm {
    display: block;
    width: 125px;
    float: left;
    margin-bottom: 30px;
}

label.tablelessForm {
    display: block;
    width: 125px;
    float: left;
    margin-bottom: 25px;
    text-align: right;
    padding-right: 10px;
}
label.tablelessLeft{
    display: block;
    width: 80px;
    float: left;
    margin-bottom: 1px;
    text-align: right;
    padding-right: 10px;
}
label.labelLeft{
    width: 50px;
    text-align:right;
    padding-right:5px;
}
label.notifyLeft{
    display: block;
    width: 100px;
    float: left;
    margin-bottom: 25px;
    text-align: right;
    padding-right: 10px;
}
.boxlayer{
    display: block;
    width:200px;
    margin-bottom: 2px;
    margin-left: 40px;
    text-align: right;
}
br {
    clear: left;
}

.dialogborder {	
    border: 1px solid #AAAAFF;
    margin-bottom: 3px;
    background: #FFFF99;
    font-size: 14px;
}
.blueborder {	
    border: 1px solid #AAAAFF;
}

.tablehead 
{
    font-family: arial,verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    background-color:#EEEEEE;
}

.basestyle
{
    font-family: arial,verdana, sans-serif;
    font-size: 10pt;
}

.buttonStyle
{
    border-color: #CCCCCC #666666 #666666 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    COLOR: #000000;
    PADDING-TOP: 3px;
    BACKGROUND-COLOR: #EEEEEE;
    font-family: arial,verdana, sans-serif;
    font-size: 8pt;
    width: 8em;
}

.fill
{
    border-top: 4px solid #AAAAFF;
}

.titlebar
{
    border-bottom: 2px solid #666666;
    font-size: 12pt;
    font-weight: bold;
    color: #666666;
    font-family: Arial,Helvetica, sans-serif;
    margin-bottom: 8px;
}

.tabStyle1
{
    PADDING-TOP: 3px;
    BACKGROUND-COLOR: #AAAAFF;
    font-family: arial,verdana, sans-serif;
    font-size: 8pt;
    width: 9em;
    padding-left: 1em;
    padding-right: 1em;
}

.tabStyle
{
    border-color: #AAAAFF;
    border-style: solid;
    border-width: 2px;
    border-bottom: 0px solid #AAAAFF;
    PADDING-TOP: 3px;
    BACKGROUND-COLOR: #FFFFFF;
    font-family: arial,verdana, sans-serif;
    font-size: 8pt;
    width: 9em;
    padding-left: 1em;
    padding-right: 1em;
}

.noneStyle{
}

.highlighted
{
    color: #000000;
    BACKGROUND-COLOR: white;
    font-weight: bold;
}

.smallhref {
    font-family: arial,verdana, sans-serif;
    font-size: 8pt;
    font-weight: normal;
}

.menulink 
{  
    background-color:#AAAAFF;
    color: black;
    font-family: arial, sans-serif;
    font-weight: bold;
    font-size: 10pt;
}

span.summaryLabel {
    padding: 2px 2px 2px 2px;
    font-weight: bold;
    font-family: arial,verdana, sans-serif;
    font-size: 9pt;
    color: #666666;
}

span.summaryValue {
    padding: 2px 4px 2px 4px;
    font-weight: bold;
    font-family: arial,verdana, sans-serif;
    font-size: 9pt;
    color: #666666;
}

table.list
{
    border-width: 1px;
    border-style: solid;
    border-color: DarkSlateGrey ;
    background-repeat: no-repeat;
    font-size:  8pt;
    margin-top: 10px;
    table-layout: fixed;
}

table.list th
{
    padding: 2px 1px 2px 1px;
    BACKGROUND-COLOR: #AAAFFF;
    font-size: 9pt;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-top: none;
    border-right: none;
    border-color: DarkSlateGrey ;
    text-align: center;
    white-space:nowrap;
}

table.list th a
{
    border-bottom: none;
    border-left: none;
}
tr.odd_tr{
    BACKGROUND-COLOR:Lavender;
}
tr.even_tr{
    BACKGROUND-COLOR: #FFFFFF;
}
tr.mark_tr{
    BACKGROUND-COLOR: #FFFF66;
}
tr.update_tr{
    BACKGROUND-COLOR: #00AA00;
}
table.list td
{
    font-size: 8pt;
    line-height: 12pt;
    border-width: 1px;
    border-style: solid;
    border-right: none;
    border-color: 	#CCCCCC;
    text-align: center;
}

div.forumComment {
    border: medium groove black;
    margin-bottom: 10px;
}
div.commentHeader {
    background-color: Lavender;
    height: 25px;
}

textarea.commentText {
    color: black;
    border: none;
    font-family: sans-serif;
    width: 100%;
    background-color: WhiteSmoke;
}

div.leftHeader {
    float: left;
    width:60%;
}

div.rightHeader {
    float: right;
    margin-right: 10px;
}
span.bigger {
    font-size: larger;
    margin-right: 10px;
}
div.editButton{
    background-color: WhiteSmoke;
    text-align: right;
}

div.navBar {
    padding: 0px;
    margin: 0px;
}

div.navBar a {
    text-decoration:none;
}

div.navBar ul {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    height: 20px;
}

div.navBar li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    padding: 0px 1% 0px 1%;
    border-left: 1px solid black;
    display: inline;
    height: 100%;
    vertical-align: text-bottom;
}

div.navBar li:first-child {
    border: none;
}

img.completedBar {
    margin:0;
    background-color: #00AA00;
    border: 0px solid #000000;
    border-right: none;
}

div.totalBar {
    margin-left: 4px;
    margin-top:1px;
    margin-bottom: 1px;
    background-color: #ffffcc;
    border: 1px solid #000000;
}
span.chartBar{
    background-color:Gold;
    font-size:12px;
    font-weight:bold;
    margin-bottom:5px;
}
.headerhighlighted {
    color: white;
    background-color: black;
    border-bottom: 1px solid #AAAAFF;
    font-weight: bold;
}
input.groovybutton
{
    border:none;
    background: transparent;
    font-weight: bold;
    font-family:Verdana,sans-serif;
    color:#222222;
}
input.groovybutton:hover{
    color: #6666AA;
    background:#FFFFFF;
    border-style:outset;
    border-color: #6600FF;
    border-width: 1px;
}

div.dropinboxv2cover {
    position: absolute;
    padding: 10px;
    width: 90%;
    z-index: 1000;
    top:100px;
    overflow: hidden;
    background-color: transparent;
    text-align: center;
}
div.dropinboxv{
    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
    font:12px Arial, Helvetica, Sans Serif;
    width: 750px;
    background-color: white;
    border: 2px outset #aaafff;
    padding: 10px;
    left: 0;
    top: 0;
    text-align: left;
}
div.show_box_in_the_middle{
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #AAAAFF;
    font-size: 14px;

}

#openid_url {
    background: url(/images/login-bg.gif) no-repeat #FFF 5px;
    padding-left: 25px;
}
.msg {
    color:#069;
    font-weight:bold;
    font-size:15px;
    text-align:center;
}

#loading_box {
    width:100%;
    position:absolute;
    top:300px;
    z-index:1000;
}

#loading_msg {
    width:160px;
    height:20px;
    border:1px solid red;
    background-color: #ffffff;
    padding-left:10px;
    color: red;
    margin-left: auto;
    margin-right: auto;
    padding-left: 80px;
}
.clear {
    clear: both;
}
.children_float_l{
    margin-left :1em;
    float:left;
    text-align: left;
}

.bold,
.children_float_l label{
    font-weight: bold;
}
.children_float_l select,
.children_float_l input[type=text]{
    border:1px solid #AAAFFF;
    background-color: #FFFF99;
}

.error_msg {
    text-align: left;
    margin: 0em 2em;
    padding: 0px;
}
.error_msg li{
    color: red;
}

.formatted_des {
    background-color: Lavender;
    text-align: left;
}
.formatted_des,
.original_des {
    border:1px solid #AAAFFF;
    width:100%;
    height:100%;
    overflow:auto;
}
.filter_session_by_user {
    float:left;
    margin-top:10px;
    padding:5px;
    border:2px solid #AAAFFF;
    background-color:Lavender;
}

/*-------------------------------------------------
Tooltip
-------------------------------------------------*/
.hint{
    background: #fff;
    /*    color: #009900;*/
    font-size: bold;
    padding: 3px;
    border: 1px solid #000;
    z-index: 100;
}
.block_info{
    color:#fff ;
    background: #FCBB49;
    font-size: bold;
    padding: 2px;
    z-index: 100;
    text-align:left;
    width: 200px;
}

.tooltip{
    min-width: 30em;
    max-width:52em;
    color:#000;
    border:1px solid #666;
    background:#fff;
    text-align:left;
    padding: 8px;
}
.tooltip p{
    margin-bottom:0.3em;
    margin-top:0.3em;
}

.tooltip .title{
    font-weight:700;
    margin-bottom:0.5em;
}

#main_body{line-height: 1.6em;}

/**/
/*div.tooltip span{*/
/*    display: none;*/
/*    z-index: 24; */
/*}*/
input.infoTag:focus + span , textarea.infoTag:focus + span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    margin-left:5px;
    width: 5em;
    border:1px solid #0cf;
    background-color:#cff;
    color:#000;
    text-align: center;
}


.right-justify{
    float: right;
}

#form_for_requirement{
    padding: 25px 6px;
}

#form_for_requirement .left{
    float: left;
    width: 55%;
}

#form_for_requirement .right{
    float: left;
    margin: 0 0 0 3em;
    width: 40%;
}

#form_for_requirement .show-stage{
    background-color: #EEE;
}

#form_for_requirement .big-box{
    border: 1px solid #AAAAFF;
    height: 28em;
}

#form_for_requirement textarea{
    border: 0px;
    height: 98%;
    width: 100%;
}

#form_for_requirement .bottom{
    clear: both;
}
#error_info{
    font-weight: bold;
    color: red;
    margin-bottom: 10px;
    margin-left: 135px;
}

#main_body{margin:0 auto;width:982px;}
#left{float:left;width:751px;position: relative;}
#right{float:right;margin-left:3px;width:228px; padding-top: 2.5em;}
#right ul{
    margin: 0.5em 0px 0.5em 1em;
    padding: 0px;
    list-style: none;
}

#main_body a{
    color: #0000cc;
    font-weight: normal;
    cursor: pointer;
}

#main_body a:hover{background-color: transparent;}
.gr{
    color: green;
    font-weight: normal;
}

.r_cen {
    background:transparent url(/images/r_bg_02.gif) repeat-y scroll center top;
    padding-bottom:0.5em;
}

.r_top {
    background:transparent url(/images/r_bg_01.gif) no-repeat scroll center top;
    height: 5px;
}

.r_bom {
    background:transparent url(/images/r_bg_03.gif) no-repeat scroll center top;
    height: 7px;
    margin-bottom: 0.5em;
}

.st{
    padding: 0 0.5em; background-color: #efefef;
}

.sst{
    margin-top: 0.2em; border-bottom: 1px solid #efefef;
}

.rg{
    float: right;
}

.rtt{
    padding-left: 0.5em; background-color: #efefef;
}

.ust li{
    padding: 0.5em 0; border-bottom: 1px solid #ddd;
}

.filter{
    position:absolute; right:0.5em; background-color: #fff; border:1px solid #666; padding: 0.5em; margin-top:1.5em;
}

.user_filter{
    position:absolute; left:10em; background-color: #fff; border:1px solid #666; padding: 0.5em; margin-top:1.5em;
}

.user_filter a{
    display: block; margin-left: 1em;
}

.rg{
    float: right;
}

.si{
    margin:4px 1em; border: thin dotted #ccc; padding: 0.5em;
}