html, body
{
    height: 100%;
}
body
{
    margin: 0;
    /*color: #888888;*/
    color:#000;
    background-color: #fff;
    font-size: 13px;
    font-family: "Segoe UI Light","Helvetica Neue",'RobotoLight',"Segoe UI","Segoe WP",sans-serif !important;
    /*font-family:tahoma,arial,verdana,sans-serif;*/
    font-weight: normal;
}
.page-title
{
    font-size: 20px;
    color: #999999;
    font-family: "Segoe UI Light" , "Helvetica Neue" , 'RobotoLight' , "Segoe UI" , "Segoe WP" ,sans-serif !important;
}

.text
{
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}


/*---------------------------------------------------Header Section----------------------------------------------------*/
.fixed-Master-Header
{
    background-color: #4A8BC2 !important;
    background-image: -moz-linear-gradient(center top , #4A8BC2, #9fbfdd);
    background: -webkit-gradient(linear, left top, left bottom, from(#4A8BC2), to(#9fbfdd));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4A8BC2', EndColorStr='#9fbfdd')";
    background-repeat: repeat-x;
    border-bottom: medium none #4A8BC2;
    border-color: #808080;
    color: #FFFFFF;
    z-index: 1030;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    
}
.fixed-Master-Header2
{
    background: url("images/bg-blue.png") repeat-x scroll 0 0 #4966A0;
    border: 1px solid #003366;
    border-radius: 0px;
    display: inline-block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 999999999;
    color: #FFFFFF;
    }

.FixHeaderControlPanel
{
    text-decoration: none;
    font: bold 24px/24px Verdana, Tahomma, Geneva;
    text-shadow: rgba(0,0,0,0.2) 0 1px 0px;
    color: #fff;
}

.fixHeaderLable
{
    text-decoration: none;
    font: bold 11px/11px Verdana, Tahomma, Geneva;
    text-shadow: rgba(0,0,0,0.2) 0 1px 0px;
    color: #fff;
}
.fixHeaderLableText
{
    text-decoration: none;
    font: 11px/11px Verdana, Tahomma, Geneva;
    text-shadow: rgba(0,0,0,0.2) 0 1px 0px;
    color: #fff;
}
/*--------------End OF Header Section----------------------------------------------------*/
/*------------------------Menu---------------------------------*/
#menubar
{
    position: absolute;
    width: 180px;
}
#menubar
{
    background: none repeat scroll 0 0 #404040;
    z-index: 100;
}
/*-----------------------End Menu------------------------------*/

.section
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #404040;
    clear: both;
    margin-bottom: 20px;
    margin-top: 0;
}
.section-title
{
    font-family: "Segoe UI Light" , "Helvetica Neue" , 'RobotoLight' , "Segoe UI" , "Segoe WP" ,sans-serif !important;
    background: none repeat scroll 0 0 #404040;
    height: 36px;
    color: #ffffff;
    padding-left: 5px;
    font-weight: normal;
    font-size: 13px !important;
}
.section.green
{
    border: 1px solid #74B749;
}
.section.green .section-title
{
    background: none repeat scroll 0 0 #74B749;
}
.section-title-green
{
    font-family: "Segoe UI Light" , "Helvetica Neue" , 'RobotoLight' , "Segoe UI" , "Segoe WP" ,sans-serif !important;
    background: none repeat scroll 0 0 #74B749;
    height: 36px;
    color: #ffffff;
    padding-left: 5px;
    font-weight: normal;
    font-size: 13px !important;
}

.section.blue
{
    border: 1px solid #4A8BC2;
}
.section.blue .section-title
{
    background: none repeat scroll 0 0 #4A8BC2;
}
.section.purple
{
    border: 1px solid #9D4A9C;
}
.section.purple .widget-title
{
    background: none repeat scroll 0 0 #9D4A9C;
}
.section.yellow
{
    border: 1px solid #FFB400;
}
.section.yellow .widget-title
{
    background: none repeat scroll 0 0 #FFB400;
}
.widget.orange
{
    border: 1px solid #F37B53;
}
.section.orange .widget-title
{
    background: none repeat scroll 0 0 #F37B53;
}
.section.red
{
    border: 1px solid #DE577B;
}
.section.red .widget-title
{
    background: none repeat scroll 0 0 #DE577B;
}
.section.gray-full
{
    border: 1px solid #575757;
}
.section.gray-full .widget-title, .widget.gray-full .widget-body
{
    background: none repeat scroll 0 0 #575757;
    color: #FFFFFF;
}
.section.purple-full
{
    border: 1px solid #9D4A9C;
}
.section.purple-full .widget-title, .widget.purple-full .widget-body
{
    background: none repeat scroll 0 0 #9D4A9C;
    color: #FFFFFF;
}
.section.yellow-full
{
    border: 1px solid #FFB400;
}
.section.yellow-full .widget-title, .widget.yellow-full .widget-body
{
    background: none repeat scroll 0 0 #FFB400;
    color: #FFFFFF;
}
.section.blue-full
{
    border: 1px solid #4A8BC2;
}
.section.blue-full .section-title, .section.blue-full .section-body
{
    background: none repeat scroll 0 0 #4A8BC2;
    color: #FFFFFF;
}
.section.red-full
{
    border: 1px solid #DE577B;
}
.section.red-full .section-title, .section.red-full .section-body
{
    background: none repeat scroll 0 0 #DE577B;
    color: #FFFFFF;
}
.section.green-full
{
    border: 1px solid #74B749;
}
.section.green-full .section-title, .section.green-full .section-body
{
    background: none repeat scroll 0 0 #74B749;
    color: #FFFFFF;
}
.section.white-full
{
    border: 1px solid #FFFFFF;
}
.section.white-full .section-title
{
    border-bottom: 1px solid #CCCCCC;
    color: #404040;
}
.section.white-full .section-title h4
{
    color: #404040;
    padding-left: 0;
}
.section.white-full .tools a
{
    color: #CCCCCC;
}
.section.white-full .section-title, .section.white-full .section-body
{
    background: none repeat scroll 0 0 #FFFFFF;
}
.section.white-full .section-body, .section.white-full .section-title .actions
{
    padding-left: 0;
    padding-right: 0;
}