﻿div#Wrapper.diabetes
{
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	line-height: 1.5em;
	width: 966px;
}

div#Wrapper.diabetes h2,
div#Wrapper.diabetes h3,
div#Wrapper.diabetes h4
{
	font-family: Georgia, Verdana;
	font-weight: normal;
	color: Black;
	margin-bottom: 0.5em;
}
div#Wrapper.diabetes h2
{
	font-size: 1.6em;
}
div#Wrapper.diabetes h3
{
	font-size: 1.4em;	
}
div#Wrapper.diabetes h4
{
	font-size: 1em;
	font-family: Verdana;
	font-weight: bold;
}

div#Wrapper.diabetes a
{
	color: #204070;
}
div#Wrapper.diabetes a:hover
{
	background: url(../images/transparent.png) no-repeat top left;
}
/***********************************/
/* HeaderArea                      */
/***********************************/
div#Wrapper.diabetes #HeaderArea
{
	background: url(../images/headerDiabetes.jpg) no-repeat top left;
}

div#Wrapper.diabetes #HeaderArea a.logotype
{
	width: 523px;
	height: 70px;
	background: url(../images/logoCeliakiDiabetes.png) no-repeat top left;
}
div#Wrapper.diabetes #HeaderArea .logoText
{
	clear:both;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 20px;
	float:left;
	color: #63A9CE;
	margin-left: 30px;
	display: block;
	line-height: 1.2;
}
div#Wrapper.diabetes #HeaderArea a.celiaki
{
	clear: right;
	display: block;
	float: right;
	width: 361px;
	height: 53px;
	margin-top: 9px;
	margin-right: 4px;
	background: url(../images/celiakiLogo.jpg) no-repeat top left;
}
div#Wrapper.diabetes #HeaderArea a.login
{
	display: none;
}
/***********************************/
/* MenuArea                        */
/***********************************/

div#Wrapper.diabetes #MenuArea 
{
	width: 197px;
	margin-right: 11px;
	margin-bottom: 0;
}
div#Wrapper.diabetes #MenuArea div.menu div.top
{
	background: url(../images/leftBoxTOP.jpg) no-repeat top center;
}
div#Wrapper.diabetes #MenuArea div.menu div.top span.home
{
	display: block;
	height: 34px;
	line-height: 34px;
	padding: 0 14px;
}
div#Wrapper.diabetes #MenuArea div.menu div.top span.home a
{
	background: url(../images/homepage.gif) no-repeat left center;
	padding-left: 29px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: white;
	text-decoration: none;
}
div#Wrapper.diabetes #MenuArea div.menu div.top span.home a:hover
{
	text-decoration: underline;
}
div#Wrapper.diabetes #MenuArea div.menu
{
	background: url(../images/leftBoxBOTTOM.jpg) no-repeat bottom left;
	padding-bottom: 38px;
}

div#Wrapper.diabetes #MenuArea div.menu div.body
{
	background: url(../images/leftBoxMIDDLE.jpg) repeat-y top left;
	padding: 0 3px;
}

div#Wrapper.diabetes #MenuArea div.menu div.body li
{
	line-height: 30px;
	border-top: 1px solid #d0d0d0;
	padding: 0;
	background: url(../images/transparent.png) no-repeat top left;
}

div#Wrapper.diabetes #MenuArea div.menu div.body li a
{
	display: block;
	padding: 0 14px;
	color: #666666;
}
div#Wrapper.diabetes #MenuArea div.menu div.body li a:hover
{
	color: #204070;
	text-decoration: underline;
}
div#Wrapper.diabetes #MenuArea div.menu div.body li li a.selected
{
	color: #204070;
	font-weight: normal;	
}
div#Wrapper.diabetes #MenuArea div.menu div.body li a.topitem:hover
{
	background-color: #dddddd;
	text-decoration: none;
	color: #204070;
	font-weight: bold;
}
div#Wrapper.diabetes #MenuArea div.menu div.body li a.topitem.selected
{
	color: #204070;
	font-weight: bold;
	background-color: #dddddd;
	
}
div#Wrapper.diabetes #MenuArea div.menu div.body li ul
{
	font-size: 0.9em;
	margin-left: 2px;
	padding: 7px 0;
	background: #F5F5F5;
}

div#Wrapper.diabetes #MenuArea div.menu div.body li li
{
	border: 0;
	line-height: 12px;
	padding: 5px 0;
}


/***********************************/
/* ContentArea                     */
/***********************************/

div#Wrapper.diabetes #ContentArea div.contentPage.top
{
	background: url(../images/diabetes_content_top.jpg) no-repeat top center;
}
div#Wrapper.diabetes #ContentArea div.contentPage.content
{
	padding-top: 18px;
}
div#Wrapper.diabetes #ContentArea div.listing 
{
	padding: 0 11px;	
}
div#Wrapper.diabetes #ContentArea div.listing li span
{
	color: #666;
	font-size: 0.9em;
}

div#Wrapper.diabetes #ContentArea .mainintro
{
	font-style: italic;
	font-weight: normal;	
}
div#Wrapper.diabetes #ContentArea div.listing ul h3 a
{
	color: #4B4B4B;
	text-decoration: none;
}
div#Wrapper.diabetes #ContentArea div.listing ul h3 a:hover
{
	color: #204070;
	text-decoration: underline;
}

div#Wrapper.diabetes hr
{
	background-color: #DEC7A7;
	border: 0;
	color: #DEC7A7;
	height: 1px;
	margin-bottom: 14px;
	margin-top: 14px;
	width: 100%;
}
div#Wrapper.diabetes hr.special
{
	width: 96%;
}

/***********************************/
/* BreadCrumbsArea                 */
/***********************************/
div#Wrapper.diabetes div#BreadCrumbsArea
{
	height: 34px;
	padding: 0 16px;
	color: White;
	line-height: 34px;
	margin-top: 0;
}
div#Wrapper.diabetes div#BreadCrumbsArea div.body span.separator
{
	color: White;
}
div#Wrapper.diabetes div#BreadCrumbsArea div.body a 
{
	color: White;
	text-decoration: none;
	font-weight: normal;
}
div#Wrapper.diabetes div#BreadCrumbsArea div.body a:hover
{
	text-decoration:underline;
}

/***********************************/
/* InfoboxArea                     */
/***********************************/
div#Wrapper.diabetes #SecondaryContentArea
{
	width: 197px;
	margin-top: 0;
}
div#Wrapper.diabetes #InfoBoxArea div.infobox
{
	background: url(../images/leftBoxBOTTOM.jpg) no-repeat bottom left;
	padding-bottom: 38px;
	color: #666666;
}
div#Wrapper.diabetes #InfoBoxArea div.infobox .body
{
	border: 0;
	padding: 0;
	background: url(../images/leftBoxMIDDLE.jpg) repeat-y top left;
	overflow: hidden;
}

div#Wrapper.diabetes #InfoBoxArea div.infobox .body a:hover
{
	color: #204070;
	font-weight: bold;
}
div#Wrapper.diabetes #InfoBoxArea div.infobox .body div.puffBox a
{
	color: #666;
	text-decoration:none;
}
div#Wrapper.diabetes #InfoBoxArea div.infobox .body div.puffBox a:hover
{
	color: #204070;
	font-weight:normal;
	text-decoration:underline;
}
div#Wrapper.diabetes #InfoBoxArea div.infobox .body h2 a
{
	font-family: Verdana;
	font-size: 12px;
}

div#Wrapper.diabetes #InfoBoxArea div.infobox .body h2 a:hover
{
	color: #FFF;
	font-weight: normal;
}
div#Wrapper.diabetes #InfoBoxArea div.infobox .body h2
{
	display: block;
	height: 34px;
	line-height: 34px;
	padding: 0 14px;
	background: url(../images/leftBoxTOP.jpg) no-repeat top center;
	overflow: hidden;
}
div#Wrapper.diabetes #InfoBoxArea div.infobox .body div
{
	padding: 0 14px;
	padding-top: 14px;
}

/***********************************/
/* NewsArea                        */
/***********************************/
div#Wrapper.diabetes div#NewsArea li.first
{
	font-family: Georgia, Verdana;
	font-style: italic;
	font-size: 1.1em;
}
div#Wrapper.diabetes div#NewsArea li.first h3
{
	font-size: 2.2em;
	font-style: normal;
	margin-bottom: 0.5em;
}
div#Wrapper.diabetes div#NewsArea li.first h3 a
{
	color: black;
}
div#Wrapper.diabetes div#NewsArea li.first h3 a:hover
{
	color: #204070;
	text-decoration: underline;
}

div#Wrapper.diabetes div#NewsArea li h3 a
{
	font-family: Georgia, Verdana;
	color: #204070;	
	font-size: 1em;
}
div#Wrapper.diabetes div#NewsArea li h3 a:hover
{
	text-decoration: underline;
}
div#Wrapper.diabetes div#NewsArea li
{
	line-height: 1.5em;
	padding-bottom: 46px;
	overflow: hidden;
}

div#Wrapper.diabetes div#NewsArea li.first span.readmore a
{
	font-style: normal;
}
div#Wrapper.diabetes div#NewsArea span.readmore a
{
	background: url(../images/transparent.png) no-repeat top left;
	padding: 0;
	
}
/***********************************/
/* RelatedArea                     */
/***********************************/
div#Wrapper.diabetes div#RelatedArea div.body li a,
div#Wrapper.diabetes div#RelatedArea div.body li a:hover
{
	color: #204070;
}
div#Wrapper.diabetes div#RelatedArea div.body
{
	color: Black;
}
/***********************************/
/* IconBar                         */
/***********************************/
div#Wrapper.diabetes #IconBar 
{
	padding: 20px 11px 0;
}
div#Wrapper.diabetes #IconBar ul.icons li 
{
	float: right;
	margin-right: 35px;
}
div#Wrapper.diabetes #IconBar li a
{
	color: #204070;
	text-decoration: underline;
}

div#Wrapper.diabetes #IconBar a.email
{
	background: url(../images/TellAfriend.gif) no-repeat top left;
}
div#Wrapper.diabetes #IconBar a.print
{
	background: url(../images/print.gif) no-repeat top left;
}
div#Wrapper.diabetes #IconBar a.fb
{
	background: url(../images/Facebook.gif) no-repeat top left;
}

div#Wrapper.diabetes div#IconBar span.message
{
	background-color: #b9dcf0;
	border: 1px solid #58b2cb;
}
div#Wrapper.diabetes div#IconBar .formBox ul
{
	background-color: #b9dcf0;
	border: 1px solid #58b2cb;
}


/***********************************/
/* FooterArea                      */
/***********************************/
div#Wrapper.diabetes #FooterArea
{
	clear: both;
	background: url(../images/footerTOP.jpg) no-repeat top left;
	padding: 15px 0 0 0;
	color: #666666;
	font-size: 0.8em;
	
}

div#Wrapper.diabetes #FooterArea .body
{
	background: url(../images/footerBOTTOM.jpg) no-repeat bottom left;
	overflow: hidden;
	height: 121px;
	padding: 0;
}

div#Wrapper.diabetes #FooterArea .body .column
{
	margin: 0;
	padding: 0;
	height: 96px;
	overflow: hidden;
	margin-left: 48px;
}
div#Wrapper.diabetes #FooterArea .body .border
{
	background: url(../images/transparent.png) no-repeat bottom left;
	padding: 0 20px;
}
div#Wrapper.diabetes #FooterArea .body .column.first
{
	margin-right: 48px;
	margin-left: 0;
	color: #666666;
}
div#Wrapper.diabetes #FooterArea .body .column a
{
	color: #204070;
	text-decoration: underline;
}
div#Wrapper.diabetes #FooterArea .body .column a:hover
{
	color: #204070;
	font-weight: bold;
}

/*****************/
/* DiabetesEditor*/
/*****************/
table.classic
{
	vertical-align: top;
	border: solid 0.1em Gray;
}
table.classic th
{
	border: solid 0.1em Gray;
	background-color: #F0F0F0;
	padding: 0.4em;
}
table.classic td
{
	border: solid 0.1em Gray;
	padding: 0.2em 0.4em;
}

table.orange
{
	vertical-align: top;
	border: solid 0.1em #D97714;
}
table.orange th
{
	border: solid 0.1em #D97714;
	background-color: #D97714;
	padding: 0.4em;
}
table.orange td
{
	border: solid 0.1em #D97714;
	padding: 0.2em 0.4em;
}

table.black
{
	vertical-align: top;
	border: solid 0.1em #000;
}
table.black th
{
	border: solid 0.1em #000;
	background-color: #000;
	padding: 0.4em;
}
table.black td
{
	border: solid 0.1em #000;
	padding: 0.2em 0.4em;
}