body
{
    margin: 0;
    padding: 0;
    /*	color: #555;
            font: normal 10pt Arial,Helvetica,sans-serif;*/
    background: #EFEFEF;

    color: #404040;
    font-family:verdana;
    font-size: 13px;
    font-weight: normal;
}

#page
{
    /*	margin-top: 5px;*/
    margin-bottom: 5px;
    background: white;
    /*	border: 1px solid #C9E0ED;*/
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #ddd;
}

#header
{
    margin: 0;
    padding: 0;
    border-top: 3px solid /*#C9E0ED*/ #077762;
}

#content
{
    padding: 20px;
}

#sidebar
{
    padding: 20px 20px 20px 0;
}

#footer
{
    padding: 10px;
    margin: 10px 20px;
    font-size: 0.8em;
    text-align: center;
    /*	border-top: 1px solid #C9E0ED;*/
    border-top: 1px solid #1abb9c;
}

/*#logo
{
    padding: 20px 20px;
    font-size: 200%;
}*/

#mainmenu
{
    /*	background:white url(bg.gif) repeat-x left top;*/
    background: #1abb9c;
}

#mainmenu ul
{
    padding:6px 20px 5px 20px;
    margin:0px;
}

#mainmenu ul li
{
    display: inline;
}

#mainmenu ul li a
{
    color:#ffffff;
    background-color:transparent;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
    color: #6399cd;
    background-color:#EFF4FA;
    text-decoration:none;
}

div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}

div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}

div.form .rememberMe label
{
    display: inline;
}

div.view
{
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
    font-size: 0.9em;
    padding: 5px 20px;
}

div.breadcrumbs span
{
    font-weight: bold;
}

div.search-form
{
    padding: 10px;
    margin: 10px 0;
    background: #eee;
}

div.global-search-form { 
    float: right;
    
}

.portlet
{
    margin-top: 18px;
    border-width: 3px 1px 1px 1px;
    border-color: #DDD;
    border-style: solid;


}

.portlet-decoration
{
    padding: 3px 8px;
    /*	background: #B7D6E7;
            border-left: 5px solid #6FACCF;*/
    background: #FAFAFA;
    border-bottom: 1px solid #ddd;
}

.portlet-title
{
    /*	font-size: 12px;
            font-weight: bold;
            padding: 0;
            margin: 0;
            color: #298dcd;*/

    font-size: 14px;
    /* font-weight: bold; */
    padding: 5px;
    margin: 0;
    color: #444;

}

.portlet-content
{
    font-size:0.9em;
    margin: 0 0 0 0;
    /*	padding: 5px 8px;*/
    /*	background:#EFFDFF;*/
}

.portlet-content ul
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    padding: 0;
}

.portlet-content li:last-child{
    border-bottom: 0;
}

.portlet-content li
{
    /*	padding: 2px 0 4px 0px;*/
    /*        padding: 10px 8px;*/
    border-bottom: 1px solid #dfdfdf;
}

.operations
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.operations li
{
    /*	padding-bottom: 2px;*/
}

.operations li a
{
    /*	font: bold 12px Arial;*/
    color: #7E7E7E;
    display: block;
    /*	padding: 2px 0 2px 8px;*/
    padding: 12px 15px;
    line-height: 15px;
    text-decoration: none;
}

.operations li a:visited
{
    color: #0066A4;
}

.operations li a:hover
{
    background: #f4f4f4;
}


/* custom  styles */
.form {
    margin: 16px 0 20px;
    border: 1px solid #DDD;
    padding: 4px 14px 10px 14px;
    box-shadow: 0px 0px 7px -2px #BDBDBD;
    border-radius: 4px; 
}

.formalign{
    margin-left: 0px !important;
}

#PatientDetails_pat_gender input {
    float: left;
}

#PatientDetails_pat_gender label {
    float: left;
    margin: 0 1%;
}
#PatientDetails_pat_gender br {
    display: none;
}
.float_left {
    float: left;
    margin-right: 3%;
    width: 30%;
}

.caps_lock {
    background: url("caps.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);
}

ul li.next a, ul li.previous a {
    color: #696969 !important;
    border: 1px solid #ddd !important;
}
ul li.page a {
    border: 1px solid #ddd !important;
}
ul.yiiPager .selected a {
    background-color: #05886F !important;
}
.bill_width {
    width: 65%;
}

#logo img {
    width: 30%;
    margin-left: 1%;
}

.flash_width {
    margin-left: 0 !important;
    position: absolute;
}
.pagi_alignment {
    text-align: center;
}

.vtip{
        background: none repeat scroll 0 0 #1ABB9C;
        border-width: 1px;
        border-style: solid; 
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        border-radius: 3px;
        font-size: 12px;
        padding:3px 5px;
        text-align: center;
        text-decoration: none cornsilk;
        color:#fdfdfd;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        width:20px;
        display: inline-block;
    }
    
a.vtip:hover, a.vtip:active{
    background-color: #05886F;
    color: #FFF;
    cursor: pointer; 
    text-decoration: none;
} 

a.activated
{
    background-color: #05886F !important;
}