/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* end Reset */
body { background-color: #3580c8; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height: 145%; }
#container { margin: 0 auto; width: 1000px; min-height: 790px; background-color: #fff; }
/* Forms */
form { padding-top: 10px; display:inline; }
/* Separators */
hr { color:red; background-color:red; height:1px; margin: 15px 0px; }
img { border: 0px; }
/* Tables */
td { padding: 10px; vertical-align: top; }
#leadin table { width: 100%; }
div#main table ul { list-style-type: disc; margin-left: 15px; padding-left: 15px; }
div#main table ul li ul { margin: 7px 0px 7px 15px; padding: 0px; list-style-type: circle; }
div#main table ol { margin-left: 15px; padding-left: 15px; list-style: decimal; }
/* Headings */
h1 { font-size: 21px; padding: 7px 0px 10px 0px; line-height: 25px; }
h2 { font-size: 18px; padding: 7px 0px 7px 0px; line-height: 21px; }
h3 { font-size: 14px; padding: 7px 0px 5px 0px; line-height: 18px; }
h4 { font-size: 12px; padding: 7px 0px 7px 0px; line-height: 15px; }
h5 { padding-top: 10px; text-decoration: underline; }
/* misc IDs */
#header { height: 90px; width: 1000px; background-color: #202457; background-image: url(../images/site_header.gif); background-repeat: no-repeat; background-position: bottom right; }
#main { margin-left: 180px; width: 770px; *-width: 765px; }
#colright_index { float: right; position: relative; width: 156px; *-width: 154px; }
*:first-child+html #colright_index { width: 138px; }
#dt_container_content td { padding: 4px; }
#adright { position: relative; float: right; margin: 10px 0px 0px 10px; }
#colleft { background-color: #EBEB00; float: left; position: abosolute; text-align: center; width: 180px; clear:both; padding-bottom: 10px; }
#colright { float: right; position: relative; width: 130px; }
#content, #footer { height: 100%; background-image: url(../images/bg_content.gif); background-position:left; background-repeat: repeat-y; }
#foot_content { position: relative; left: 180px; *-left: 100px; width: 750px; }
#goog { position: relative; left: 180px; *-left: 90px; width: 750px; }
*:first-child+html #goog { left: 90px; }
#foot_content a { color: #ffffff; }
#footer { background-color: #0066cc; float: right; height: 125px; position: relative; width: 100%; text-align: center; }
#iehide { visibility: hidden; }
#logo { float: left; height: 90px; background-color: #233f92; }
#sections { padding: 10px; width: 620px; *-width: 580px; }
#sections_bg { width: 780px; }
#search { background-color: #669900; height: 70px; padding: 7px 10px 3px 10px; width: 160px; }
#toplinks { position: relative; margin: 0px 0px 0px 843px; top: 10px; }
#social { margin: 0px 0px 0px 880px; top: 40px; position: relative; width: 70px; }
#social-header { float: right; margin: 2.5em 1em 0em 0em; }
#admain { position: relative; left: 0px; top: 15px; width: 100%; text-align: center; }
/* misc Classes */
.nobull { list-style: none; }
.caption { text-align: center; }
.leftfloat { float: left; margin-right: 10px; }
.nav { }
.rightfloat { position: relative; float: right; margin-left: 10px; }
/* Navigation */
.vertMenu ul { margin: 0px; padding: 0px; }
.rootVoices { background-color:#EBEB00; padding:5px; padding-bottom:0; }
.rootVoices li.rootVoice { background-color:transparent; width:162px; line-height:12px; padding:7px; padding-left:10px; cursor: pointer; border-bottom: 1px solid #669900; }
.rootVoices li.selected { background-color:#669900; cursor: pointer; }
.rootVoices li.rootVoice a { color: #000000; text-decoration: none; }
.rootVoices li.rootVoice a:hover { color: #ffffff; }
.rootVoices li.rootVoice a:visited { color: inherit; }
.menuShadow { padding:2px; padding-bottom:0px; left:-2; top:1px; }
.menuContainer { background-color: gray; }
.menuContainer .line { background-color:#669900; width:100%; padding-left:-5; }
.menuContainer li.voice { border-top:1px solid #f3f3f3; padding:5px; }
.menuContainer .separator { background-color:#f1f1f1; height:1px; }
.menuContainer li.img { border-top:1px solid #f3f3f3; color: #c3c3c3; background-color:#f9f9f9; width:24px; padding:5px; }
.menuContainer li.img img { width:20px; }
.menuContainer li.img img { width:20px; }
.menuContainer .textBox { padding: 5px; color: #000000; }
.menuContainer .selected li { background-color: #f3f3f3; }
.menuContainer .subMenuOpener { background-image: url("../images/menuArrow.gif"); background-repeat:no-repeat; background-position: right; }
.menuContainer a { color: #ffffff; }
.menu { display: none; }
/* ------------ Needs to be separated still ------------ */
/* vertical menu */
/**/
.rootVerticalVoices { background-color:#333; padding:0px; }
.rootVerticalVoices li.rootVoice { /*border-top:1px solid #666;*/ width:130px; font-family: Lucida Grande, Arial, Helvetica, sans-serif; color: gray; font-size:13px; padding:7px; cursor: pointer; }
.rootVerticalVoices li.selected { background-image:url("../images/bgnd_sel_4.png"); color:#ffffff; cursor: pointer; }
.verticalMenu { background-color:#000; }
.verticalMenu .line { background-color:#333; width:100%; padding-left:-5px; }
.verticalMenu li a { text-decoration:none; color: #d3d3d3; }
.verticalMenu li.voice { border-top:0px solid #666; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px; }
.verticalMenu .separator { background-color:#666; height:1px; }
.verticalMenu li.img { border-top:0px solid #666; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:12px; color: #c3c3c3; background-color:#333; width:24px; padding:5px; }
.verticalMenu li.img img { width:20px; }
.verticalMenu .textBox { padding: 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #c3c3c3; }
.verticalMenu .selected li { background-image:url("../images/bgnd_sel_4.png"); }
.verticalMenu .selected li a { color:#fff; }
.verticalMenu .disabled li, .verticalMenu .disabled li a { color: #666; }
.verticalMenu .subMenuOpener { background-image:url("../images/menuArrow_w.gif"); background-repeat:no-repeat; background-position:right; }
.verticalMenu .menuShadow { background:black; padding:5px; }
/* End Navigation */
/* Scroller */
div.scrollable { position:relative; overflow:hidden; width: 500px; height:228px; margin-top: 15px; *-width: 352px;
}
#thumbs { position:absolute; width:20000em; clear:both; }
#scroller { background-color: #fff; width: 580px; }
#scroll_head { background-color: #ff6600; color: #FFF; font-family: Arial, Helvetica, sans-serif; letter-spacing: 7px; }
#scroller h2 { color: #ffffff; font-size: 18px; padding: 7px 0px 7px 10px; }
a.prev, a.next { margin-top:118px; }
#thumbs div { float:left; width:125px; height:300px; cursor:pointer; text-align: center; *-width: 131px;
}
#thumbs div.hover { background-color:#fff; }
#thumbs div.active { }
#thumbs h3, #thumbs p, #thumbs span { margin:13px; }
#thumbs h3 em { font-style:normal; color:yellow; }
div.scrollable { width: 500px; *-width: 474px;
}
a.prev, a.next, a.prevPage, a.nextPage { display:block; width:18px; height:20px; background:url(http://www.diabetesnet.com/images/arrows/left-arrow.jpg) no-repeat; float:left; margin:43px 10px; cursor:pointer; }
a.disabled { visibility:hidden !important; }
a.next, a.nextPage { background-image:url(http://www.diabetesnet.com/images/arrows/right-arrow.jpg); float: right; }
/* Scroller */
/* root element for tabs  */
ul.tabs { list-style:none; margin:0 !important; padding:0; height:30px; border-bottom:1px solid #666; width: 582px; *-width: 502px;
}
/* single tab */
ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; list-style-type: none; }
/* link inside the tab. uses a background image */
ul.tabs a { background-image: url(../images/tabs.png); font-size:11px; display:block; height: 30px; line-height:30px; width: 88px; text-align:center; text-decoration:none; color:#000000; font-weight: bold; padding:0px; margin:0px; position:relative; top:1px; }
ul.tabs a:active { outline:none; }
/* when mouse enters the tab move the background image */
ul.tabs a:hover { background-position: 0px -31px; color:#fff; }
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: 0px -31px; cursor:default !important; color:#fff !important; }
/* initially all panes are hidden */ 
div.panes div.pane { display:none; }
div.panes div { display:none; padding:15px 10px; border:1px solid #999; border-top:0; font-size:14px; background-color:#fff; width: 560px; *-width: 480px; }
div.panes table tr td { font-size: 12px; }
.panes p { margin-left: 7px; }
/* Tables */
.tablegreen { width:100%; }
.tablegreen table tr td table tr td { border:0; vertical-align:middle; }
.tablegreen td { vertical-align:top; border:1px solid #669900; padding: 7px; }
.tablegreen th { border:1px solid #669900; background-color:#669900; text-align:left; color:#fff; white-space:nowrap; padding:7px; }
.tablebordernew { width:100%; }
.tablebordernew table tr td table tr td { border:0; vertical-align:middle; }
.tablebordernew td { vertical-align:top; border:1px solid #000; padding: 7px; }
caption { margin-bottom:7px; text-align:left; font-weight:700; white-space: nowrap; }
.tablebordernew th { border:1px solid #000; background-color:#211f5e; text-align:left; color:#fff; white-space:nowrap; padding:7px; }
/* Advertising Tables */
.adtable table { border-collapse:separate; }
.adtable table td { text-align:center; vertical-align: middle; padding: 5px; border: 1px solid #ffffff; }
.adtable table th { vertical-align: middle;  color:#fff; padding: 12px 10px; border: 1px solid #ffffff; }
.table_darkblue { background-color: #191b4b; color: #ffffff; }
.table_gold { background-color: #fdba31; color: #ffffff; }
.table_orange { background-color: #eb6142; color: #ffffff; }
.table_lightblue { background-color: #4272b5; color: #ffffff; }
.table_green { background-color: #cdcc2b; color: #ffffff; }
/* end advertising tables */
.lispace li { padding-bottom: 7px; }
.ad { color: #000; font-weight: bold; height: 350px; }
.ad a { color: #000; }
.ad a:hover { color: #fff; }
.squaretop { top:0; height:18px; color:#fff; text-align:center; background-color:#99b246; }
.boxtext { padding:5px 0; border: #99b246 1px solid; }
.boxtext table td { padding: 2px; }
#hor-minimalist-a { font-size: 12px; background: #fff; width: 100%; border-collapse: collapse; text-align: left; }
#hor-minimalist-a th { font-size: 14px; font-weight: normal; color: #211f5e; padding: 10px 8px; border-bottom: 2px solid #211f5e; }
#hor-minimalist-a td { color: #669; padding: 9px 8px 0px 8px; }
#hor-minimalist-a tbody tr:hover td { background: #d0dafd; color: #009; }
#table_ind_row { margin: 10px 0 0 10px; width: 100%; }
/* Tools */

/* the overlayed element */ 
.simple_overlay { /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:10000; /* styling */  background-image: url(../images/bg_tool.gif); background-repeat: no-repeat; width:181px; min-height:260px; padding: 6px 7px; }
.simple_overlay h2 { color: #ffffff; padding: 0px; }
.simple_overlay h3 { color: #22205f; }
.simple_overlay p { margin-top: 0px; padding-left: 10px; line-height: 175%; }
.simple_overlay a { color: #ffffff; font-weight: bold; text-decoration: none; }
.simple_overlay a:hover { color: #669900; font-weight: bold; }
.simple_overlay div { height: 27px; padding: 9px 5px 0 5px; text-decoration: none; background-image: url(../images/tools_button.png); background-position: -6px 0; width: 190px; background-repeat: no-repeat;}
/* close button positioned on upper right corner */ 
.simple_overlay .close { background-image:url(http://www.diabetesnet.com/images/bubble_x.png); background-repeat: no-repeat; position:absolute; right:-15px; top:-15px; cursor:pointer; height:24px; width:22px; }
/* styling Buttons */
.buttons { float: right; cursor:pointer; }
.buttons a, .buttons button { display:block; float:left; margin:0 7px 0 0; background-color:#669900; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:12px; line-height:130%; text-decoration:none; font-weight:bold; color:#ffffff; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ }
.buttons button { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
.buttons button[type] { padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type] { padding:4px 10px 3px 7px; /* IE7 */ }
.buttons button img, .buttons a img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }
/* STANDARD */
button:hover, .buttons a:hover { background-color:#3473b8; border:1px solid #c2e1ef; color:#ffffff; }
.buttons a:active { background-color:#6299c5; border:1px solid #6299c5; color:#fff; }
/* POSITIVE */
.buttons a.negative, button.negative { color:#d12f19; }
.buttons a.negative:hover, button.negative:hover { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
.buttons a.negative:active { background-color:#d12f19; border:1px solid #d12f19; color:#fff; }
/* REGULAR */
/* Pump Guidance CSS */
#mysettings { float: left; padding: 0 7px 0 0; }
#mysettings h3 { color: #669900; font-size: 1.2em; padding: .7em 0 1.5em 0; }
#mysettings table tr td { padding: 10px 2px 0px 2px; }
#bestpractices, #improved { float: left; padding: 0 27px 0 20px; border-left: 1px solid #999; font-size: 1em; line-height: 2.3em; }
#improved { padding-right: 10px; }
.minih3 { position: relative; margin: -1em 0 0 -.5em; color: #666; font-weight: bold; }
#bestpractices h3, #improved h3 { margin-left: -.5em; color: #669900; font-size: 1.2em; }
#bestpractices h4, #improved h4 { margin: .5em 0 0 -.5em; color: #669900; font-size: 1em; font-weight: bold; }
/* Tool Tips */
/* trigger button */
.tips { display:inline; overflow:hidden; width:30px; cursor:pointer; color: #00365f; font-size: .7em; vertical-align: super; }
/* mouseover state */
.tips:hover { background-position:0 -44px; }
/* clicked state */
.tips:focus { background-position:0 -88px; }
/* tooltip styling */
.tooltip { display:none; background:url(http://www.opensourcediabetes.org/images/black_arrow_big.png); height:163px; padding:50px 30px 10px 30px; width:310px; font-size:11px; line-height: 150%; color:#fff; z-index: 1; }
/* a .label element inside tooltip */
.tooltip .label { color:yellow; width:35px; }
.tooltip a { color:#ad4; font-size:11px; font-weight:bold; }
#thumbs h3, #thumbs p { font-size: 11px; line-height: normal; padding: 2px; margin: 0px; }
p { font-size: 12px; margin: 10px 0px 10px 0px; }
blockquote { margin-left: 15px; }
.caption { font-size: 1em; font-weight: bold; margin-top: 7px; }
.centeralign { text-align: center; }
.leftfloat p { text-align: center; }
.redtext { color:#C00; }
.vertMenu { text-align: left; }
.nobull { font-size: 12px; }
#leadin { }
#colright, #colright_index, #colright_index p { text-align:center; }
#colright h2, #colright_index h3 { font-size: 14px; left: 10px; padding-top: 10px; position: relative; text-align: center; width: 85%; color: #669900; }
#colright p { left: 10px; position: relative; text-align: left; width: 140px; }
#footbg { color: #ffffff; }
#toplinks, #toplinks a { color: #EBEB00; font-size: .9em; text-decoration: none; }
#toplinks a:hover { color: #669900; }
#search { color: #ffffff; font-weight: bold; text-align: left; font-family: Arial, Helvetica, sans-serif; }
#search form { color: #000000; }
/* Navigation */
.rootVoices li.rootVoice { font-family:Arial, Helvetica, sans-serif; color: #000000; font-size:12px; }
.rootVoices li.selected { color:#ffffff; font-size:13px; }
.menuContainer .line.title { text-align:right; }
.menuContainer .line.title a { color: #CCC; font-size:14px; }
.menuContainer li a { text-decoration:none; color: #000000; }
.menuContainer li.voice { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.menuContainer li.img { font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:12px; color: #c3c3c3; }
.menuContainer .textBox { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #c3c3c3; }
.menuContainer .selected li a { color:#000; }
.menuContainer .disabled li, .menuContainer .disabled li a { color: #cccccc; }
.nomarg { margin-top: 0px; padding-top: 0px; }
.author { font-weight: bold; }
.articlewithauthor { margin-bottom: 0px; padding-bottom: 0px; }


#breadcrumbs { font-size: 11px; margin: 8px 0px; }
#breadcrumbs a { color: #669900; }
#breadcrumbs a:hover { color: #22205F; }
#currentpage { color: #933; font-weight: bold; }