body {
    background-color:#e4f0f5;
    margin:0px;
    background-image:url(/images/body-bg.gif);
    background-position:top;
    background-repeat:repeat-x;
    padding:0px;
    color:#666666;
    text-align:justify;
}
html{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#666666;
    text-decoration:none;
    text-align:justify;
    line-height:19px;
    text-align:justify;
}
div {
    padding:0px;
    margin:0px;
    border:0px;
}
img {
    padding:0px;
    margin:0px;
    border:0px;
}
div.scroll {
    overflow:auto;
    width:100%;
    height:100%
}
.read-more {
float:right;
right:30px;
color:#1594D4;
font-size:9px;
}
.title {
    font-family:Arial, Helvetica, sans-serif;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:30px;
    color:#583f2e;
    font-weight:bold;
    text-decoration:none;
}
.title1 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    text-decoration:none;
    color:#655751;
    font-weight:bold;
    line-height:30px;

}
.links {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#268cba;
    text-decoration:none;
    line-height:25px;
}
.links:hover {
    text-decoration:underline;
}
.pannel-content-holder {
    background-color:#edf6fb;
    border-left:12px solid #ffffff;
    border-right:10px solid #ffffff;
    height:auto;
    text-align:justify;
    padding-top:1px;
    padding-right:10px;
    padding-left:10px;
    padding-bottom:0px;
}

h1
{
    font-size:18px;
    color:#573D2F;
}
h2
{
    font-size:16px;
    color:#573D2F;
}
h3
{
    font-size:14px;
    color:#573D2F;
}
.label-left {
    text-align:left;
    float:left;
}
/* tab pane styling */
div.panes div {
    display:none;
    padding:15px 10px;
    border:1px solid #c5779a;
    border-top:0;
    height:123px;
    font-size:14px;
    background-color:#fff;
}
/* root element for tabs  */
ul.tabs { 
    list-style:none;
    margin:0 !important;
    padding:0;
    border-bottom:1px solid #c5779a;
    height:41px;
}

/* single tab */
ul.tabs li { 
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
    background: url(/images/menu2.gif) no-repeat 0px 0;
    font-size:12px;
    font-weight:bold;
    display:block;
    height: 41px;
    line-height:41px;
    width: 140px;
    text-align:center;
    text-decoration:none;
    color:#ffffff;
    padding:0px;
    margin:0px;
    position:relative;
    top:1px;
}

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    background-position: -0px -41px;
    color:#573d2f;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: -0px -82px;
    cursor:default !important;
    color:#000 !important;
}


.layoutstart
{
    width:980px;
    height:70px;
    padding-top:12px
}

.balloon-button
{
    float:right;
    width:200px;
    height:35px;
    background-image:url(/images/top-button-bg.gif);
    background-repeat:repeat-x;
}
.balloon-button-rightcorner
{
    float:right;
    width:11px;
    height:35px;
    background-image:url(/images/top-button-right.gif);
    background-repeat:no-repeat;
    display:block
}
.balloon-button-leftcorner
{
    float:left;
    width:11px;
    height:35px;
    background-image:url(/images/top-button-left.gif);
    background-repeat:no-repeat;
    display:block
}
.balloon-button-contentpanel
{
    float:left;
}
.middle-panel
{
    width:980px;
    padding-top:10px;
    height:217px;
    display:block;
}
.middle-right
{
    width:648px;
    float:right;
    background-image:url(/images/pannel01-bg.gif);
    background-repeat:repeat-x;
    height:217px
}
.middle-right-right
{
    float:right;
    background-image:url(/images/pannel01-right.gif);
    width:16px;
    height:217px;
    background-repeat:no-repeat;
}
.middle-right-left
{
    float:left;
    background-image:url(/images/pannel01-left.gif);
    width:48px;
    height:217px;
    background-repeat:no-repeat;
}
.middle-right-content
{
    float:left;
    padding-top:20px;
    height:190px;
    width:584px;
    text-align:justify;
    overflow:hidden;
}

.middle-left
{
    width:332px;
    float:left;
    background-image:url(/images/pannel-bg.gif);
    background-repeat:repeat-x;
    height:217px
}
.middle-left-reight
{
    float:right;
    background-image:url(/images/pannel-right.gif);
    background-repeat:no-repeat;
    width:14px;
    height:217px;
}
.middle-left-left
{
    float:left;
    background-image:url(/images/pannel-left.gif);
    width:25px;
    height:217px;
    background-repeat:no-repeat;
}
.middle-left-content
{
    float:left;
    height:190px;
    padding-top:15px;
    width:290px;
    text-align:left;
    text-align:justify;
    
}
.footer
{
    background-image:url(/images/dotted-line.gif);
    background-repeat:repeat-x;
    background-position:top;
    background-color:#c5e0e9;
    height:70px;
    margin-top:20px
}

.content-corner-above
{
    width:980px;
    background-image:url(/images/pannel02-top-bg.gif);
    height:20px;
    background-repeat:repeat-x;
    display:block;
}
.content-right-top-corner
{
    float:right;
    height:20px;
    background-image:url(/images/pannel02-top-right.gif);
    width:27px;
    background-repeat:no-repeat;
}
.content-left-top-corner
{
    float:left;
    height:20px;
    background-image:url(/images/pannel02-top-left.gif);
    width:27px;
    background-repeat:no-repeat;
}
.content-corner-below
{
    width:980px;
    background-image:url(/images/pannel02-bottom-bg.gif);
    height:24px;
    background-repeat:repeat-x;
}
.content-right-bottom-corner
{
    float:right;
    height:24px;
    background-image:url(/images/pannel02-bottom-right.gif);
    width:27px;
    background-repeat:no-repeat;
}
.content-left-bottom-corner
{
    float:left;
    height:24px;
    background-image:url(/images/pannel02-bottom-left.gif);
    width:27px;
    background-repeat:no-repeat;
}
.title2
{
    font-size:14px;
    color:navy;
    font-weight:bold;
}
.rightlabel
{
    width:100px;
    float:left;
    text-align:right;
}
.txtbox1
{
    width:250px;
}
.row
{
    width:400px;
    padding-top:5px;
    
}
.status-btn input.round-btn:hover {
background-image:url(/images/round-btn-hover.gif);
color:#444444;
}

.status-btn input.round-btn {
background-image:url(/images/round-btn.gif);
border:0 none;
color:brown;
font-size:14px;
height:32px;
margin-left:3px;
width:115px;
}

input.submit:hover, button:hover, input[type="submit"]:hover, input[type="file"] > input[type="button"]:hover {
background-color:#D5D5D5;
}

input.submit, button, input[type="submit"], input[type="button"], input[type="file"] > input[type="button"] {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#E6E6E6;
border:1px solid #CCCCCC;
color:#000000;
cursor:pointer;
font-size:x-small;
padding:4px 8px;
vertical-align:top;
}