/* unset some browser default values so we don't have to think about them */

*{ 
    margin: 0;
    padding: 0; 
}

body {

    margin:0;
    padding:0;   
    width: 100%;    
    font-family: "trebuchet ms", verdana, sans-serif;    
    /* font-family: Arial, Helvetica, sans-serif; */
    min-width: 750px; /* keep page from being crushed, doesnt work in IE6, of course */
    background: #CFCFCF; 
    line-height: 1.5em;
    font-size: 62.5%; /* base font size */
}

/* every link gets a style */
a:link, a:visited { 

    color: #10386B;
    font-size: 1.2em;    
}

img { 

    border: none;
}


/* ROUNDED CORNERS */

#center_content {

    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;  
    width: 970px;
}

#center_content_survey {

    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;  
    width: 1280px;
}

#content_framed {

    float: left;
    background: #FFF;
}

/* "background top right", for the rounding gif in the top right */
#bgtr {

    width: 100%;
    float: left;
    background-image: url(/images/round_corner_gray_tr.gif);
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 460px;           
}

/* "background bottom right", for the rounding gif in the bottom right */
#bgbr {

    width: 100%;
    float: left;
    background-image: url(/images/round_corner_gray_br.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    min-height: 460px;               
}

/* "background bottom left", for the rounding gif in the bottom left */
#bgbl {

    width: 100%;
    float: left;
    background-image: url(/images/round_corner_gray_bl.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    min-height: 460px;               
}


/* "background top left", for the rounding gif in the top left */
#bgtl {

    width: 100%;
    float: left;
    padding: 10px;
    background-image: url(/images/round_corner_gray_tl.gif);
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 460px;               
}

#contentcolumn {

    float: left;
    width: 715px;
    margin-left: 5px;  
    border: 1px solid red;
}

#contentcolumn {

    float: left;
    width: 730px;
    margin-left: 5px;  
    border: 0px solid red;
}

#contentcolumn_wide {

    float: left;
    width: 1040px;
    margin-left: 5px;  
    border: 0px solid red;
}

#main_content {

    float: left;
    width: 960px;
    /* xmargin-left: 5px; */  
}

.index_text {

    width: 100%;
    border: solid 0px black;
    margin: 10px 0px 10px 0px;
    color: #275E92;
    font-size: 1.4em;
    line-height: 1.2em;
    clear : both;
    overflow: hidden;
    border: 0px solid green;    
    font-weight: lighter;
}

.index_text .bold_text {
	font-weight: bold;	
}	

#directions {

    width: 100%;
    border: solid 0px black;
    margin: 10px 0px 10px 0px;
    color: #275E92;
    font-size: 1.4em;
    line-height: 1.2em;
    clear : both;
    border: 0px solid green;    
}

.more_directions {
    margin: 20px 0px;
    color: #275E92;
    font-size: 1.4em;
    line-height: 1.2em;
    font-weight: normal;
}
/********************* PAGE HEADER, DECORATION BAR, FOOTER********************/

#logo {

    float: left;
}

  
#subheader {

    clear: left;
    /* xxwidth: 950px; */
    height: 24px;    
    margin-bottom: 10px;    
    margin-right: 10px;    
    background: url(/images/header_bg.gif) repeat-x;
}


#subheader #award_name { 

    float: right;
    clear: right;
    color: white;
    font-size: 1.3em;       
    margin: 3px 5px 0px 0px;  
}

#subheader #practice_name { 

    float: left;
    color: black;
    font-size: 1.3em;       
    margin: 3px 5px 0px 5px;  
}

#page_footer {

    float: left;
    color: black;   
    font-size: 1em;
    text-align: center;   
    width: 950px; 
    margin-top: 10px;   
}

#page_footer span {
    
    display: block;
    margin-top: .8em;    
}

#pharmacist_logo {

    float: left;
}    

#merck_logo {

    float: right;
}    

/* container for content on most pages */
#content { 

    padding: 0em;
    border: 0px solid #656565; 
    margin:0 0 0px;
    width: 100%;
}
           

/********************* CURLY BOXES *************************/                     
                  
.curlycontainer {

    border: 1px solid #b8b8b8;
    margin-top: 5px;
    margin-bottom: 1em;    
    width: 100%;
    font-size : 1.2em;
    padding-top:  5px;
    background: white; /* #b8b8b8 */;
}

.curlycontainer .innerdiv {

    background: transparent url("/images/brcorner.gif") bottom right no-repeat;
    position: relative;
    color: #275E92;
    left: 2px;
    top: 2px;
    padding: 1px 4px 15px 5px;
}

#login_box {

    width: 300px;
    line-height: 2em;
    margin-bottom: 15px;
}

#login_box #header{

    font-size: 1.2em;
    font-weight: bold;
}

#login_box #t_username {

    font-size: 1.2em;
    font-weight: bold;    
}

#login_box #t_password {

    font-size: 1.2em;
    font-weight: bold;    
}

#account_container {

    float: right;
    width: 390px;
    margin-right: 10px;
    font-size: 1.3em; 
}

#user_school{

    float: right;    
    clear: right;
    text-align: right;
    margin-right: 3px;   
    margin-top: 15px;       
}

.warning {

    font-weight: bold; 
    color: red;
    font-size: 1.2em;    
}

.section {

    font-size: 1.1em;
    list-style-type: none;
    line-height: 2.0em;        

}

.section li {

    padding-left: 20px;
}

.section_header {
    
    font-size: 1.3em;    
    font-weight: bold;    
    font-style: italic;    
    color: black;
    width: 100%;
    padding: 5px 5px 5px 0px;    
    display: block;
    float: left;
}

.section_header_color {
    
    font-size: 1.3em;    
    font-weight: bold;    
    font-style: italic;    
    color: white;
    padding: 5px 0px 5px 5px;    
    display: block;
    background-color: #EC9124;
}

.sites {

    font-size: 1.2em;
    list-style-type: none;
    line-height: 2.5em;        

}

h1 span { 

    color: white;
    font-weight: bold;
    font-size: 12px;    
    text-transform: uppercase;
    width: 100%; 
    display: block;    
    text-align: left;
    padding: 4px;
}

#heading {

    font-size: 1.8em;  
    color: black; 
    font-weight: normal;    
    text-align: left;   
    width: 100%;
    padding: 10px 0px 10px 0px;
}


#print_div { 
    display : none;
}