/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}captionh1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
,th{text-align:left;}
,th,td*/




/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}

/*th,td{border:0px solid #7e99aa;padding:.5em;}th{font-weight:bold;text-align:center;}*/




/*
Company:	Med-IQ - 
URL:		MyDiabetesGoals-IQ.com
File:		main1.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body, Img - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/


/* @group HTML, Body, Img */
html, body {
	background-color: #c8cdd3;
	background-image:url(../images/bg_blue.jpg);
}

img { 
 behavior: url(iepngfix.htc); 
}


/* @end */

/* @group Layout */
div#Q {
	position:absolute;
	left: 100px;
	top: 0px;
	width:645px;
	z-index:0;
}

.trans {background-color:#FFFFFF;
	opacity:0.7;
	filter: alpha(opacity = 70);
	position:absolute;
	top: 20px;
	width: 794px;
	left: 50%;
    margin-left: -398px;
	height: 1200px;
	z-index:0;
	overflow:hidden;
	border:#808CA0 solid 1px;
	}


div#wrap {
	position:relative;
	top: 20px;
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	border:#808CA0 solid 3px;
	z-index:1;
	padding-bottom:20px;
	overflow:hidden;
}



	
.titlearea {padding: 20px 0px 5px 20px}


.bottomNav {}

.footer {
	background:none;
	top: 20px;
	position:relative;
	width: 790px;
	overflow: hidden;
	z-index:1;
	margin-left: auto;
	margin-right: auto;
	font-size:11px;
}

.footerNav {
	text-align:center;
	margin-top:8px;
	padding-bottom:8px;
	border-bottom:1px solid #FFF;
	}




/*Modules*/
.videoPic{
		position:relative;
		z-index:5;
		float:left;
		padding-left:0px;
		margin-left:20px !important;
		margin-left: 10px;
		width:365px;
		height:auto;
		top:10px;
}

.videoBox{margin-left:12px; margin-top:20px; height:270px;}

.textArea{
		position:relative;
		margin: 20px 40px 20px 10px;
		height:auto;
		left:15px;

}

.tools {position:relative; width:365px; float:right; margin-top:30px; padding:0px; height:auto; left:0px;}

.navBox {position:relative; 
	width:250px;
	float:left;}
	
.right {clear:right; margin-left:7px;}


	/*home page bottom area ***************************/
.wideBottom{clear:both; 
	padding:13px;
	padding-top:0px;
	margin-top:0px;
	position:relative;
	top:20px !important;
	height:325px !important;}


	/*article left column bottom ***************************/
.leftColumn {position:relative;}


.logoBox {position:relative; width:180px; float:left; padding:20px;}

/*Nav*/
.submenu {position: absolute; 
		top: 0px;
		right: -1px;
		height:29px;
		width:320px;
		display:block;
}
.left {display:block; float:left;}
.submenu #middle {
		background-image:url(../images/submenu/middle.png);
		background-repeat:repeat-x;
		height:29px;
		width:290px;
		text-align:center;
		padding-top:5px;
		float:left;
		margin-right:-3px;
}

.main_menu {position: relative;
		left:1px;
		height:45px;
		width:800px;
		display:block;
		z-index:0;
		padding-bottom:10px;
}

.main_menu .box {
		background-image:url(../images/main_menu/middle.png);
		background-repeat:repeat-x;
		height:40px;
		width:126px;
		padding-top:8px;
		float:left;
		border-right:solid 1px #FFF;		
}

.main_menu #end {border-right:none; 
margin-right:0px !important;
margin-right:-3px;
}

/*Default Headings*/
h1 {color:#464D86; font-size:26px; font-weight:100; border-bottom:2px solid #FFF; margin-top:3px;}
h2 {color:#00183F; font-size:20px; margin-bottom:7px; padding-top:5px; margin-top:-8px; font-weight:100; text-decoration:none;}
h3 {color:#464D86; font-size:16px;}
h4 {color:#00183F; font-size:14px; margin-bottom:7px; padding-top:5px; margin-top:-5px;}

h5 {color:#464D86; 
	font-size:17px;
	margin-top:0px;
	text-align:left;
	padding-top:0px;
	padding-bottom:5px;
	font-weight:100;}


/*Common Text Styles*/

p {color:#00183F; font-size:16px;}


/*Default Lists*/


/*Forms*/


/*Default Links*/

a {color: #115A5F; size:13px; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline;}



/*Buttons*/
.hidden {visibility:hidden;}

.button a {
	display:block;
	height:35px;
	background-repeat:no-repeat;
	background-position:left top;
	z-index:1;
	margin: 1px 0 0 7px;
	behavior: url(iepngfix.htc); 

}
.button a:hover {
	display:block;
	background-repeat:no-repeat;
	background-position:right top;
	text-decoration:none;
}

.assemble a {
	width:97px;
	background-image:url(/images/buttons/btn_assemble.gif);
}
.understand a {
	width:101px;
	background-image:url(/images/buttons/btn_understand.gif);
}

.control a {
	width:106px;
	background-image:url(/images/buttons/btn_control.gif);
}


.active a {
	width:106px;
	background-image:url(/images/buttons/btn_active.gif);
}

.eat a {
	width:65px;
	background-image:url(/images/buttons/btn_eat.gif);
}

.live a {
	width:88px;
	background-image:url(/images/buttons/btn_live.gif);
}


.small{font-size:11px; margin-left:5px;}
.medium{font-size:13px;}
.large{font-size:17px;}


.toolButton a {
	display:block;
	height:33px;
	width:330px;
	background-repeat:no-repeat;
	background-position:left top;
	z-index:1;
	margin: 1px 0 0 7px;
	padding-top:3px;
	behavior: url(iepngfix.htc); 
}
.toolButton a:hover {
	background-repeat:no-repeat;
	background-position:right top;
	text-decoration:none;
}


.exercise a {
	background-image:url(/images/buttons/excercise_tracker.jpg);
}
.food a {
	background-image:url(/images/buttons/food_diary.jpg);
}
.glucose1 a {
	background-image:url(/images/buttons/glucose_log.jpg);
}
.goals a {
	background-image:url(/images/buttons/goals_journal.jpg);
}
.medTracker a {
	background-image:url(/images/buttons/med_tracker.jpg);
}
.shopping a {
	background-image:url(/images/buttons/shopping_list.jpg);
}
.team a {
	background-image:url(/images/buttons/team_card.jpg);
}
.visual a {
	background-image:url(/images/buttons/visual_cue.jpg);
}


.TAButton a {
	display:block;
	height:33px;
	width:218px;
	background-repeat:no-repeat;
	background-position:left top;
	z-index:1;
	margin: 1px 0 0 7px;
	padding-top:3px;
}
.TAButton a:hover {
	background-repeat:no-repeat;
	background-position:right top;
	text-decoration:none;
}

.artGoals a {
		background-image:url(/images/buttons/art_goals_journal.jpg);
}

.artExercise a {
		background-image:url(/images/buttons/art_exercise_tracker.jpg);
}

.artGlucose a {
		background-image:url(/images/buttons/art_glucose_log.jpg);
}

.artFood_diary a {
		background-image:url(/images/buttons/art_food_diary.jpg);
}

.artMed_tracker a {
		background-image:url(/images/buttons/art_med_tracker.jpg);
}

.artPortion a {
		background-image:url(/images/buttons/art_portion_size.jpg);
}

.artShopping a {
		background-image:url(/images/buttons/art_shopping_list.jpg);
}

.artTeam a {
		background-image:url(/images/buttons/art_team_card.jpg);
}




/*Tools Page Buttons*/
.exercise1 a {
	background-image:url(/images/buttons/excercise_tracker1.png);
}
.food1 a {
	background-image:url(/images/buttons/food_diary1.png);
}
.glucose1 a {
	background-image:url(/images/buttons/glucose_log1.png);
}
.goals1 a {
	background-image:url(/images/buttons/goals_journal1.png);
}
.medTracker1 a {
	background-image:url(/images/buttons/med_tracker1.png);
}
.shopping1 a {
	background-image:url(/images/buttons/shopping_list1.png);
}
.team1 a {
	background-image:url(/images/buttons/team_card1.png);
}
.visual1 a {
	background-image:url(/images/buttons/visual_cue1.png);
}




/*Misc*/

.acrobatLogo {position:absolute; left:230px; top:9px;}
.reel {position:relative; z-index:5;
		margin-top:-3px !important;
		margin-top:-5px;
}



/*Boxes*/

/* Box Art */

.videoPic .middle {
	background-color:#A3B5C7;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:0px;
}


.videoPic .sideBorder {
	padding-left:10px;
	background-color:#A3B5C7;
	height:auto;
	padding-bottom:5px;
}

.videoPic .leftCorner {position:relative; left:-25px;}
.videoPic .rightCorner {position:relative; right:-25px;}



.tools .middle {
	background-color:#CEBF82;
	margin-left:16px;
	margin-right:16px;
}


.tools .sideBorder {
	padding-left:10px;
	background-color:#CEBF82;
	height:auto;
}

.tools .leftCorner {position:relative; left:-16px;}
.tools .rightCorner {position:relative; right:-16px;}



.navBox .middleTop {
	background-color:#eff0f0;
	margin-left:35px;
	margin-right:35px;
	border-top:#ced6de 2px solid;
	height:auto !important;
}

.navBox .middleBottom {
	background-color:#eff0f0;
	margin-left:35px;
	margin-right:35px;
	border-bottom:#ced6de 2px solid;
	height:27px;	
}

.navBox .sideBorder {
	padding-left:10px;
	background-color:#eff0f0;
	height:270px;
	border-left:#ced6de 2px solid;
	border-right:#ced6de 2px solid;
	padding-right:10px;
	margin-top:-2px;
}

.navBox .leftCorner {position:relative; left:-35px;}
.navBox .rightCorner {position:relative; right:-35px;}

.navBox p {margin-bottom:0px;}

.fixImgTop {top:-2px;}
.fixImgBottom {bottom:-2px;}

/*Glossary Style*/

div#gOuterWrap {
	position:relative;
	top: 20px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:30px;
	}

div#wrapGlossary {
	position:relative;
	top: 20px;
	margin-bottom:30px;
	border:#808CA0 solid 3px;
	z-index:1;
	padding:20px;
	background-color:#F1F7FA;

}

#close {float:left;}
#fontSize {float:right;}


/* CSS Document - Article Styles */


div#wrapArticle {
	position:relative;
	top: 20px;
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	overflow:visible;
	border:#808CA0 solid 3px;
	z-index:1;
	padding-bottom:20px;
	background-color:#F1F7FA;
}


.footerArticle {
	background:none;
	top: 20px;
	position:relative;
	width: 790px;
	overflow: hidden;
	z-index:1;
	margin-left: auto;
	margin-right: auto;
	font-size:11px;
	clear:both;
}

.articleText {
		position:relative;
		padding-top:15px;
		left:320px;
		width:445px;
		height:auto;
		z-index:1;
		}


.articleBox {position:absolute; z-index: 5; width:250px; height:auto; top:365px; left:0px;}


.articleBox .middleTop {
	background-color:#eff0f0;
	margin-left:35px;
	margin-right:35px;
	border-top:#ced6de 2px solid;
	height:27px;
}

.articleBox .middleBottom {
	background-color:#eff0f0;
	margin-left:35px;
	margin-right:35px;
	border-bottom:#ced6de 2px solid;
	height:27px;
}

.articleBox .sideBorder {
	padding-left:10px;
	background-color:#eff0f0;
	height:auto;
	border-left:#ced6de 2px solid;
	border-right:#ced6de 2px solid;
	padding-right:10px;
}

.articleBox .leftCorner {position:relative; left:-35px;}
.articleBox .rightCorner {position:relative; right:-35px;}


.artImage {margin-left:-10px;}
.artImage2 {float:right; margin:10px 0px 10px 20px; padding-top:0;}

.leftMenu {clear:both; margin-right:20px; margin-left:15px; height:auto;}

.pic{
		position:absolute;
		padding-bottom:5px;
		padding-right:-5px;
		margin-top:10px;
		margin-left: 20px;
		border-bottom:2px solid #fff;
}

.print_friendly {position:absolute;
				right:0px;
}



.toolsArticle {position:absolute; width:250px; margin-top:50px; top:600px; left: 15px;}

.toolsArticle .middle {
	background-color:#CEBF82;
	margin-left:16px;
	margin-right:16px;
}


.toolsArticle .sideBorder {
	padding-left:10px;
	background-color:#CEBF82;
	height:auto;
}

.toolsArticle .leftCorner {position:relative; left:-16px;}
.toolsArticle .rightCorner {position:relative; right:-16px;}


.styledBox {color:#000033; padding-top:15px; padding-bottom:15px; border-top:#333333 solid 1px; border-bottom:#333333 solid 1px; background-color:#FFFFFF; padding-left:10px; padding-right:50px; margin-top:20px; margin-bottom:20px;}

.graphHeading {font-size:16px; color:#464C85;}
.graphHeading2 {font-size:12px; color:#464C85; text-align:center}

.caption {display:block; font-size:11px; width:auto; text-align:center; color:#666; padding-top:3px; vertical-align:middle; font-weight:100;}

.tableStyle {border: 1px solid #CCC; background-color:#FFF;}