/* -----------------------------------------------------------------------

Name: Default
URL: http://www.therakine.com
Description: 
Author: MD Debranski

Blueprint CSS Grid:
	- Column Count: 60
	- Column Width: 11px
	- Gutter Width: 5px
	- Total Width : 955px

----------------------------------------------------------------------- */

/* Table of Contents
 ------------------------------------------
 
 
  I. Major Page Structure
 II. Global Navigaion
III. Header
 IV. Content
  	>> Module
	>> Dashboard
	>> Profile
	>> Friends
	>> Groups
	>> Teams
	>> Team Public Pages
	>> Messages
	>> Actions
	>> Events 
	>> Overlays
  V. Footer
 VI. Custom Class
		1. Above
		2. Below
		3. Fonts

 ------------------------------------------
*/


/***********************************
 --- I. Major Page Structure  ---
************************************/

* {margin:0px; padding:0px;font-family: Helvetica, Arial, sans-serif; }
body{font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; background-color:#e1e2de;}
p {font-family: Helvetica, Arial, sans-serif; font-size:1.20em; color:#000;line-height:15px}
img, div { behavior: url(iepngfix.htc) }
hr {border-color: #f0f0ed; border-style: solid;border-width: 1px 0 0; clear: both; margin: 0 0 20px; height: 0;}
table, table tr, table tr td {font-family: Helvetica, Arial, sans-serif;margin:0px; padding:0px; font-size:1.20em}
a {font-style:normal; color:#2365ae ;}

#row-header{background:url(../images/tile-row-body.png) repeat-y; margin-left:13px;}
#row-body{background:url(../images/tile-row-body.png) repeat-y; margin-left:13px}
#row-footer{background:url(../images/tile-row-body.png) repeat-y; margin-left:13px}

*html #row-header{background-image:none;  margin-left:13px;}
*html #row-body{background:url(../images/tile-row-body.png) repeat-y;  margin-left:13px; width:913px; position:relative; top:-3px;}
*html #row-footer{background-image:none;  margin-left:13px;}

/***********************************
     ---  III.  Content   ---
************************************/


#row-header #global-navigation{background:url(../images/bkg-header-global-nav.jpg) no-repeat; height:22px; position:relative; left:3px;}
#row-header #shim{clear:both; background:url(../images/bkg-header-shim.jpg) no-repeat; height:11px; }
#row-header #body{clear:both; background:url(../images/bkg-header-body.jpg) no-repeat; height:102px;position:relative; left:3px;}
*html #row-header #body{clear:both; background:url(../images/bkg-header-body.jpg) no-repeat; height:102px;position:relative; top:-4px; left:3px;}
#row-header #body #tagline{color:white; font-size:2.0em; font-weight:lighter; text-align:center; position:relative; top:30px}
#row-header #body #logo {position:relative; top:0px}

#global-navigation{text-align:right;}
#global-navigation ul {margin:0px; padding:0px; position:relative; top:4px}
#global-navigation ul li{ list-style:none; display:inline; padding:0px 11px; border-right: 1px #545454 solid}
#global-navigation ul li.last{ border-right: 0px transparent}
#global-navigation a{color:#545454; font-size:1.10em; text-decoration:none; }

#main-navigation ul {margin:0px; padding:0px 0px 0px 0px}
#main-navigation ul li{list-style:none; padding:7px 0px 7px 0px; border-bottom: 1px #ccc solid}
#main-navigation ul li.last{ border-bottom: 0px transparent}
#main-navigation ul li a{margin-left: 6px; font-size:1.10em; font-weight:lighter; text-decoration:none; padding-left:3px; color:black }
#main-navigation ul li:hover {background-color:#eeefee;}


.sectionMenu .selectedPage{font-weight:bold;}
.globalRootMenu .selectedPage{font-weight:bold;}

#sub-navigation {padding-bottom:10px; position:relative; top:-8px}

#sub-navigation ul {margin:0px; padding:0px 0px 0px 0px; display:inline;}
#sub-navigation ul li{list-style:none; padding:7px 0px 7px 0px;display:inline;}
#sub-navigation ul li a{margin-left: 6px; font-size:1.10em; font-weight:lighter; text-decoration:none; background:url(../images/gfx-list-style-arrow.jpg) no-repeat; padding-left:13px; color:black }


#search{background-color:#eeefee; padding:19px 17px 12px 17px; height:90px; margin-bottom:15px;}
#search label{font-family: Helvetica,Arial,sans-serif; color:#2567b0; font-weight:lighter; font-size:1.10em}

#content-main hr.page-header{height:4px; margin-top:-8px; background-color:f0f0ed}
#content-main #homepage-feature{background: url(../images/tile-homepage-feature.jpg) repeat-x;}
#content-main #homepage-feature #patients{background:url(../images/bkg-homepage-feature-image.png) no-repeat; width:108px; height:112px; margin-left:11px}
#content-main #homepage-feature #patients img{position:relative; top:7px; left:7px;}

#footer-top{background-color:#8f948c; position:relative; left:3px; padding-bottom:8px; width:903px;}
#footer-top label{color:white; font-weight:lighter}
#footer-top div#form-help{clear:both;font-size:1.10em; position:relative;top:-3px; left:3px;color:white; font-weight:lighter}
#footer-top button#newsletter {position:relative; top:5px; margin-bottom:13px;}
#footer-navigation{text-align:right;}
#footer-navigation ul {margin:0px; padding:0px}
#footer-navigation ul li{ list-style:none;}
#footer-navigation ul li a{font-size:1.10em; color:white; text-decoration:none;}

#copyright{text-align:right; background: url(../images/gfx-footer.png) no-repeat;margin-left:12px; color:white; font-size:1.0em; height:19px; padding:2px 18px 0px 0px}
#copyright span{position:relative; left:-22px}



/***********************************
     ---  IV. Module Settings   ---
************************************/



.module{font-family: Helvetica, Arial, sans-serif;}
.module h1 {color:#2365ae; font-size:4.20em; font-weight:lighter}
.module h1 span {color:#000; font-size:1.20em; position:relative; top:-4px; left:3px}
.module h2 {}
.module h3 {}
.module h4 {color:#2365ae; font-size:1.60em;font-weight:lighter}
.module p {font-family: Helvetica, Arial, sans-serif; }
.module img.right {float:right}

.module ul, .module ol{font-family: Helvetica, Arial, sans-serif; position:relative;left:10px}
.module ul li{list-style-image:url(../images/gfx-list-style-arrow.jpg); padding-bottom: 8px; line-height:16px; font-size:1.20em; color:#000; margin-left:0px}
.module ol li{padding-bottom: 8px; line-height:16px; font-size:1.20em; color:#000; margin-left:0px; margin-bottom:0px}

/*************************************************
     ---  V.  Blueprint Overrides   ---
**************************************************/

/* Form */
form input,form textarea {}
form textarea {}
form input[type="image"] {} 
label {}



/* Buttons */


a.button-reverse, button.reverse {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:4px 10px 4px 7px;   /* Links */
  
  border:0px solid #dedede;
  border-top:0px solid #eee;
  border-left:0px solid #eee;

  background-color:#565656;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  font-size:90%;
  line-height:130%;
  text-decoration:none;
  font-weight:normal;
  color:#f5f5f5;
  cursor:pointer;
}
input[type="submit"] {

  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:4px 10px 4px 7px;   /* Links */
  
  border:0px solid #dedede;
  border-top:0px solid #eee;
  border-left:0px solid #eee;

  background-color:#565656;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  font-size:90%;
  line-height:130%;
  text-decoration:none;
  font-weight:normal;
  color:#f5f5f5;
  cursor:pointer;
position:relative;
top:7px
}

a.button, button{
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:4px 10px 4px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  font-size:90%;
  line-height:130%;
  text-decoration:none;
  font-weight:normal;
  color:#2365ae;
  cursor:pointer;
}


/*************************************************
     ---  VI.  Global Custom Classes   ---
**************************************************/

.noshow{display:none;}

.box{padding:9px;margin-bottom:1em}

.accent-box-1 {background-color: #204174; border: 1px solid #204174; padding:1px 5px 2px 8px; color:white;} /* blue in def. layout */
.accent-box-2 {background-color: #fffbe0; border: 1px solid #b7b7b7;} /* yellow in def. layout */
.accent-box-3 {background-color: #ffffff; border: 1px solid #b7b7b7; padding:8px 5px 0px 8px} /* white in def. layout */
.accent-box-4 {background-color: #f5f5f5; border: 1px solid #f5f5f5;} /* grey in def. layout */

.accent-color-1{color:#3c607f} /* blue in def. layout - This defaults to primary color */

.accent-color-positive{color:#22a748}  /* green in def. layout  */
.accent-color-negative{color:#da0000}  /* red in def. layout r */

.above-1{margin-top:7px;}
.above-2{margin-top:14px;}
.above-3{margin-top:21px;}
.above-4{margin-top:28px;}
.above-5{margin-top:35px;}
.above-6{margin-top:42px;}
.above-7{margin-top:49px;}
.above-8{margin-top:56px;}
.above-9{margin-top:63px;}
.above-10{margin-top:70px;}

.below-1{padding-bottom:7px;}
.below-2{padding-bottom:14px;}
.below-3{padding-bottom:21px;}

.font-8{font-size:.80em;}
.font-9{font-size:.90em;}
.font-10{font-size:1.0em;}
.font-11{font-size:1.10em;}
.font-12{font-size:1.20em;}
.font-13{font-size:1.30em;}
.font-14{font-size:1.40em;}
.font-15{font-size:1.50em;}
.font-16{font-size:1.60em;}