/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #E5E5E5;
    font-size: .80em;
    font-family: Calibri;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #E47911;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/
h1{
	font-family: Calibri;
	font-size: 30px;
	color: #333;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

h2{
	font-family: Calibri;
	font-size: 22px;
	color: #333;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}
h3{
	font-family: Calibri;
	font-size: 16px;
	color: #333;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h4{
	font-family: Calibri;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h5{
	font-family: Calibri;
	font-size: 16px;
	color: #333;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h6{
	font-family: Calibri;
	font-size: 14px;
	color: #333;
	font-weight: normal;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 1000px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #FFF;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 450px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#0091C4;
    width:100%;
    height:30px;  
}

div.menu
{
    padding: 4px 0px 4px 4px;
    position:absolute;
    top:197px;
}

div.login
{
    position:absolute;
    top:200px; 
    left:850px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #0091C4;
    border: 1px #0091C4 solid;
    color: white;
    display: block;
    line-height: 15px;
    padding: 4px 10px;
    text-decoration: none;
    white-space: nowrap;
    border-right-color:White;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #E47911;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}
div.menu ul
{
    float: left;
    list-style: none;
}
div.menu li
{
    list-style: none;
    float:inherit;
}
/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;

}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 50%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.3em;
    display: block;
    text-align: right;
    padding: 10px;
    color: #38AD29;
}

.loginDisplay a:link
{
    color: #38AD29;
}

.loginDisplay a:visited
{
    color: #38AD29;
}

.loginDisplay a:hover
{
    color: #E47911;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
     margin-left:5px;
}

.bold
{
    font-weight: bold;
}


/*-------------------------Buttons-----------------------------------*/
    input[type="submit"],
    input[type="button"],
    button {
        /*background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1em;
        font-weight: 400;
        padding: 4px;
        margin-right: 3px;
        width: auto;*/
   /*Step 2: Basic Button Styles*/
    background: #0091C4;
    border: 1px solid rgba(1, 1, 13, 0.58);
    width: auto;
    cursor: pointer;
     
    /*Step 3: Text Styles*/
    color: white;
    text-align: center;
    font: bold 1em "Calibri";
     
    /*Step 4: Fancy CSS3 Styles*/
    background: -webkit-linear-gradient(top, #0091C4, #003A4E);
    background: -moz-linear-gradient(top, #0091C4, #003A4E);
    background: -o-linear-gradient(top, #0091C4, #003A4E);
    background: -ms-linear-gradient(top, #0091C4, #003A4E);
    background: linear-gradient(top, #0091C4, #003A4E);
     
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
     border-radius: 20px;
     
    -webkit-box-shadow: 0 4px 0 #070721;
    -moz-box-shadow: 0 4px 0 #070721;
    box-shadow: 0 4px 0 #070721;
     
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
    }

    input[type="submit"]:disabled,
    input[type="button"]:disabled,
    button :disabled {
   /*Step 2: Basic Button Styles*/
    background: #dddddd;
    border: 1px solid rgba(1, 1, 13, 0.58);
    width: auto;
    cursor: default;
     
    /*Step 3: Text Styles*/
    color: white;
    text-align: center;
    font: bold 1em "Calibri";
     
    /*Step 4: Fancy CSS3 Styles*/
    background: -webkit-linear-gradient(top, #dddddd, #dddddd);
    background: -moz-linear-gradient(top, #dddddd, #dddddd);
    background: -o-linear-gradient(top, #dddddd, #dddddd);
    background: -ms-linear-gradient(top, #dddddd, #dddddd);
    background: linear-gradient(top, #dddddd, #dddddd);
     
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
     border-radius: 20px;
     
    -webkit-box-shadow: 0 4px 0 #070721;
    -moz-box-shadow: 0 4px 0 #070721;
    box-shadow: 0 4px 0 #070721;
     
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
    }
    
#Buttons {
	margin: 0px;
	padding: 0px;
	position:absolute;
	width:200px;
	top:0px;
	height:440px;
	background-color:#B3D78D;
 /*   border-right-style :outset;
    border-right-width:thin;
    border-right-color: #F5F5F5;*/
}

#Actions {
	margin: 0px;
	padding: 0px;
	position:absolute;
	width:790px;
	top:0px;
	left: 220px;
}

#GoBack 
{
   position:absolute;
   right:80px;
   top:20px;
}

th.sortasc a  
{
 display:block; 
 background:url("../images/asc.gif") right no-repeat; 
 padding:0 25px 0 5px; 
} 
th.sortdesc a 
 {
   display:block; 
   background:url("../images/desc.gif") right no-repeat;
   padding:0 25px 0 5px;  
 }
 
 /*************************
* Gridview Style         *
/*************************/
.PagerStyle {background-color:#0091C4;}
.HeaderStyle {border:1px, solid, #0091C4; background-color:#0091C4;}
.HeaderStyle th { text-align:left;}
tr.RowStyle{ background-color:White;}
tr.AlternatingRowStyle {background-color:#efeeef;}

/***************************************/
input[readonly='readonly'],
textarea[readonly='readonly'] {
   background-color:#f5f5f5;
}

/*------------------------ Contact Screen ----------------------------*/
 #mapGoogle{
	width:572px;
	height:200px;
	top:20px;
	left:30px;
	position: absolute;
}
#mapOverlay{
	width:635px;
	height:250px;
	top:1px;
	left:250px;
	position: absolute;
	background-image: url('../images/mapOverlay.png');
	background-repeat: no-repeat;
}

 #mapGoogleBC{
	width:572px;
	height:200px;
	top:20px;
	left:30px;
	position: absolute;
}
#mapOverlayBC{
	width:635px;
	height:250px;
	top:250px;
	left:250px;
	position: absolute;
	background-image: url('../images/mapOverlay.png');
	background-repeat: no-repeat;
}
/*------------------------ My Account Screen ----------------------------*/
#Actions a:link 
{  
 text-decoration: none;
}
#Actions a:hover
{
    color: #E47911;
    text-decoration: underline;
}
#MDPanel
{
     border: 5px #F5F5F5 ridge;
     position: absolute;
     width:45%;
     top:0px;
     height:140px;
}
#MDImage
{
    position: absolute;
    width:30%;
    top:10px;
    height:120px;
    text-align:center;
}
#MDLinks
{
    position: absolute;
    width:70%;
    top:10px;
    height:120px;
    left:35%;
}
#ClinicPanel
{
     border: 5px #F5F5F5 ridge;
     position: absolute;
     width:45%;
     top:0px;
     height:140px;
     left:48%;
}
#ClinicImage
{
    position: absolute;
    width:30%;
    top:10px;
    height:120px;
    text-align:center;
}
#ClinicLinks
{
    position: absolute;
    width:70%;
    top:10px;
    height:120px;
    left:35%;
}
#SettingsPanel
{
    border: 5px #F5F5F5 ridge; 
    position: absolute;
    width:45%;
    top:155px;
    height:140px;
}
#SettingsImage
{
    position: absolute;
    width:30%;
    top:10px;
    height:120px;
    text-align:center;
}
#SettingsLinks
{
    position: absolute;
    width:80%;
    top:10px;
    height:120px;
    left:35%;
}
#ReportsPanel
{
    border: 5px #F5F5F5 ridge; 
    position: absolute;
    width:45%;
    top:155px;
    height:140px;
    left:48%;
}
#ReportsImage
{
    position: absolute;
    width:30%;
    top:10px;
    height:120px;
    text-align:center;
}
#ReportsLinks
{
    position: absolute;
    width:80%;
    top:10px;
    height:120px;
    left:35%;
}

/*------------------------ My Patients Screen ----------------------------*/

#Actions a:link 
{  
 text-decoration: none;
}
#Actions a:hover
{
    color: #E47911;
    text-decoration: underline;
}
#AllPatientsPanel
{
     border: 5px #F5F5F5 ridge;
     position: absolute;
     width:45%;
     top:0px;
     height:140px;
}
#AllPatientsImage
{
    position: absolute;
    width:30%;
    top:10px;
    height:120px;
    text-align:center;
}
#AllPatientsLinks
{
    position: absolute;
    width:70%;
    top:10px;
    height:120px;
    left:35%;
}
#PendingRIPanel
{
     border: 5px #F5F5F5 ridge;
     position: absolute;
     width:45%;
     top:0px;
     height:140px;
     left:48%;
}
#PendingRIImage
{
    position: absolute;
    width:30%;
    top:10px;
    height:120px;
    text-align:center;
}
#PendingRILinks
{
    position: absolute;
    width:70%;
    top:10px;
    height:120px;
    left:35%;
}
#PendingSAsPanel
{
    border: 5px #F5F5F5 ridge; 
    position: absolute;
    width:45%;
    top:155px;
    height:140px;
}
#PendingSAsImage
{
    position: absolute;
    width:30%;
    top:10px;
    height:120px;
    text-align:center;
}
#PendingSAsLinks
{
    position: absolute;
    width:80%;
    top:10px;
    height:120px;
    left:35%;
}
#ExpirationDatesPanel
{
    border: 5px #F5F5F5 ridge; 
    position: absolute;
    width:45%;
    top:155px;
    height:140px;
    left:48%;
}
#ExpirationDatesImage
{
    position: absolute;
    width:30%;
    top:10px;
    height:120px;
    text-align:center;
}
#ExpirationDatesLinks
{
    position: absolute;
    width:80%;
    top:10px;
    height:120px;
    left:35%;
}
/*------------------------ My Pharmacy Screen ----------------------------*/

#Actions a:link 
{  
 text-decoration: none;
}
#Actions a:hover
{
    color: #E47911;
    text-decoration: underline;
}
#CurrentOrderPanel
{
     border: 5px #F5F5F5 ridge;
     position: absolute;
     width:45%;
     top:50px;
     height:130px;
}
#CurrentOrderImage
{
    position: absolute;
    width:30%;
    top:10px;
    height:120px;
    text-align:center;
}
#CurrentOrderLinks
{
    position: absolute;
    width:70%;
    top:10px;
    height:120px;
    left:35%;
}
#HistoryOrderPanel
{
     border: 5px #F5F5F5 ridge;
     position: absolute;
     width:45%;
     top:50px;
     height:130px;
     left:48%;
}
#HistoryOrderImage
{
    position: absolute;
    width:30%;
    top:10px;
    height:120px;
    text-align:center;
}
#HistoryOrderLinks
{
    position: absolute;
    width:70%;
    top:10px;
    height:120px;
    left:35%;
}
#OpenOrdersGrid
{
    position: absolute;
    width:94%;
    top:200px;
    min-height:150px;

}
/*------------------------ Order Cart Screen ----------------------------*/
#KrollUsers {
	margin: 0px;
	padding: 0px;
	position:absolute;
	width:340px;
	top:0px;
	height:440px;
}

#CartList {
	margin: 0px;
	padding: 0px;
	position:absolute;
	width:630px;
	top:0px;
	left: 330px;
}
#BCCartList {
	margin: 0px;
	padding: 0px;
	position:absolute;
	width:98%;
	top:0px;
	left: 10px;
}