/* Fieldset */
fieldset
{
    border:solid 1px #DDDDDD;
    margin-top:5px;
    padding:0 5px 10px 5px;
}

fieldset legend
{
    color:#6699FF;
    font-size:12pt;
    font-weight:bold;
    margin-left:10px;
    margin-bottom:10px;
    margin-top:10px;
}

/* Component */
div.component-surround
{
    width:370px;
    margin:10px 10px 0 10px;
    float:left;
}

div.component-surround h4.component-title-surround
{
    background: url(../Images/heading-bg.png) repeat-x scroll 0 4px transparent;
    color: #999999;
    font-size: 10px;
    font-weight: bold;
    line-height: 1em;
    margin: 0 0 10px;
    text-align: center;
    text-transform: uppercase;
}

div.component-surround h4.component-title-surround span
{
    background:white;
    color:#404040;
    padding:0 7px;
    font-size:10pt;
}

div.component-surround div.component-inner {
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #e6fbfd;
    border: 1px solid #c2dcf2;
    color: #2a618c;
    margin: 0 0 20px;
    padding: 5px 10px;
}

div.component-surround div.component-inner h4
{
    padding:2px;
    margin:-5px -10px 10px -10px;
    background:#c2dcf2;
}

/* Table Common */
table
{
    width:100%;
}

table td.label-column
{
    text-align:left;
    width:100px;
}

table td label
{
    border:solid 1px #115387;
    padding:2px 1px 2px 0;
}
table td label input, table td label select
{
    background:white;
    border:none;
    width:100%;
}

table td span.checkbox input
{
    width:auto;
}

table td.double-column
{
    text-align:right;
    padding:10px 0 5px 0;
}








div.container
{
    margin:5px 5px 0 5px;
    /*background:#ECF6FF;
    border:solid 1px #CCCCCC;*/
}

div.container .left-column
{
    float:left;
    width:40%;
}

div.container .middle-column
{
    float:left;
    width:20%;
    text-align:center;
    padding-top:35px;
}

div.container .right-column
{
    float:left;
    width:40%;
}

/*div.container select
{
    background:#ECF6FF;
    border:solid 1px #CCCCCC;
    display:block;
}*/

div.container select.multiline
{
    height:200px;
    width:100%;
}

div.container .middle-column input
{
    margin-top:10px;
}

div.container .base-controls
{
    margin-top:10px;
    clear:both;
    float:right;
    margin-bottom:5px;
}

div.container .base-controls input
{
    margin-left:5px;
}

h2
{
    color:#6699FF;
    margin:10px 5px 10px 5px;
    font-weight:normal;
}

h3
{
    margin:10px 5px 10px 5px;
}

/* Code Areas */

.code-area
{
    background:#ECF6FF;
    border:solid 1px #CCCCCC;
    white-space:pre-wrap;
    word-wrap: break-word;
    padding:5px;
    font-size:8pt;
    margin:5px 0 0 5px;
    float:left;
    width:735px;
    clear:both;
}

/* Floater */
#divFloater{
    position:absolute;
    background-image:url(../Images/bg.png);
    width:100%;
    height:100%;
    left:0;
    top:0;
}

#divFloater #divFloaterInside{
    font-family:Verdana;
    font-size:8pt;
    border:solid 1px black;
    width:150px;
    padding:10px 0 10px 0;
    text-align:center;
    font-weight:bold;
    background:white !important;
    color:Black !important;
    overflow:hidden;
    margin:auto;
    height:85px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    position:absolute;
    
}

#divFloater #divFloaterInside .text
{
    display:block;
}

#divFloater #divFloaterInside .controls
{
    display:block;
    text-align:center;
    padding: 10px 0 5px 0;
}

#divFloater #divFloaterInside .controls input
{
    background:white !important;
    cursor:pointer;
    color:Black !important;
    margin:0 5px 0 5px;
    height:22px;
    width:60px;
    text-align:center !important;
}

#divFloater .prompt
{
    width:250px !important;
    height:50px !important;
}

#floaterControl
{
    overflow:hidden;
    position:relative !important;
}