/* CSS Document */

html, body {
margin:0;
padding:0;
border:0;
font: 11px Verdana, Helvetica, sans-serif;
background-color: #385461;
color:#666666;
height: 100%;}

a{
color:#004050;}
ul{
padding:0 12px;}

#template { 
width: 760px;
background-color:#AECAE7;
position: absolute;
left: 50%;
top: 50%;
margin-left: -380px;
margin-top: -283px;}

img {
border:0;}

#header {
height:114px;}

#logo {
padding:36px 25px 0 0;
text-align:right;
float:left;
margin:0px;
width:147px;
height:78px;
background-color:#FFFFFF}

#header em {
display:block;
letter-spacing: 0.3em;
padding: 86px 0 0 192px;
font: 10px Verdana, Arial, Helvetica, sans-serif ;
color:#FFFFFF;
text-transform:uppercase;}

#content, #contentcolor, #nomarginright {
clear:both;
padding:15px;
width:433px;
float:right;
height:427px;
background-color:#FFFFFF;
overflow:auto;}

#contentcolor {
background-color:#D1E0EF;
padding:15px 15px 15px 30px;
width:418px;}
#contentcolor h4 {
padding: 0;
margin:0 0 6px 0;
font: 36px Arial, Helvetica, Verdana, sans-serif ;
color:#fff;
text-transform:uppercase;
line-height:42px;
font-weight:100;}

#nomarginright {
padding:15px 0 15px 15px;
width:448px;}

#content h1, #nomarginright h1 {
padding: 0;
margin:0;
font: 36px Arial, Helvetica, Verdana, sans-serif ;
color:#AECAE7;
text-transform:uppercase;
line-height:42px;
font-weight:100;}



#content h2 {
padding: 0;
margin:0;
font: 12px Arial, Helvetica, Verdana, sans-serif ;
color:#666666;
text-transform:uppercase;
font-weight:normal;}

#content h3 {
padding: 0;
margin:0;
font: 12px Arial, Helvetica, Verdana, sans-serif ;
color:#AECAE7;
text-transform:uppercase;
font-weight:normal;}

#content h4 {
font: 12px Arial, Helvetica, Verdana, sans-serif;
font-weight:bold;
}

#section_main {
padding-right: 20px;}

#margin {
height:457px;
width: 296px;
float:left;
background-color:#006866;}

#emotional {
background-color:#d5ebe9;
padding:0;
margin:0;
height:113px;
width:297px;
overflow:hidden;}

.item {
padding-bottom:16px;
clear:both;}


/* mainmenu */

#mainmenu {
border-top:1px solid #fff;
height:344px;
width: 172px;
float:left;
background-color:#006866;
color:#FFFFFF;}

#mainmenu ul{
margin:0;
padding:0;}

#mainmenu li {
list-style-type:none;
border-bottom: 1px solid #FFF;}

#mainmenu li a {
display:block;
font: 11px Arial, Helvetica, Verdana, sans-serif ;
letter-spacing: 0px;
color: #fff;
text-decoration:none;
padding-left:50px;
width:122px;
}

#mainmenu li a:hover {
background-color:#4D9694;}

#mainmenu li.s a {
background:#4D9694 url(/images/arrow.gif) no-repeat top;
background-position: 40px 50%;}

/* menu */

#menu {
border-top:1px solid #fff;
height:344px;
width: 124px;
float:right;
background-color:#002E3E;}

#menu ul{
margin:0;
padding:0;}

#menu li {
list-style-type:none;
border-bottom: 1px solid #FFF;}

#menu li a {
display:block;
font: 11px Arial, Helvetica, Verdana, sans-serif ;
letter-spacing: 0px;
color: #fff;
text-decoration:none;
padding-left:20px;
width:104px;}

#menu li a:hover {
background-color:#4d6d78;}

#menu li.s a {
background:#4d6d78 url(/images/arrow.gif) no-repeat top;
background-position: 10px 4px;}

/* sub menu */ 

#submenu {
margin-top:30px;
height:24px;}

#submenu ul{
margin:0;
padding:0;}

#submenu li {
float:left;
list-style-type:none;}

#submenu li a {
display:block;
font: 11px Arial, Helvetica, Verdana, sans-serif ;
color: #000;
text-decoration:none;
padding:4px;}

#submenu li a:hover {}

#submenu li.s a {
background-position: 20px 4px;}


/* marginleft for documents */

.marginleft{
padding:40px 19px 0 19px;
color:#fff;}

.marginleft h3{
font-weight:normal;
font-size:10px;}

.marginleft a{
color:#fff;
font-size:10px;
display:block;
background: url(/images/pdf.gif) no-repeat top left;}

.marginleft a.s{
color:#fff;
font-size:10px;
display:block;
padding:5px 0 0 8px;
background:url(/images/arrow.gif) no-repeat 0px 8px;}


/* pageinfo */

#pageinfo{
height:98px;
color:#999;;
overflow:hidden}

#path {
margin-top:16px;
font-size:0.9em;}
#path a{
text-decoration:none;
color:#999;}

#path a:hover{
text-decoration:underline;}

/* firstname list */

.firstname {
line-height:36px; 
vertical-align:middle; 
color:#002e3e;
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;

}

.firstname a{
text-decoration:none;

}

.firstname a:hover{
background-color:#002e3e;
color:#FFF;

}

/* birth */

div.birth {
margin:0;
padding:0;
}

div.birth div{
margin:0 6px 12px 0;
float:left;
}
*html div.birth div{width:120px;}

div.birth div a img{
width:120px;
height:90px;
border:0;}

div.birth div a.name{
display:block;
padding:10px 3px 3px;
background-color:#D1E0EF;
color:#666;
text-decoration:none;}

div.birth div a:hover.name{

background-color:#AECAE7;}

.birth .date{
color:#AECAE7;
height:14px;
clear:both;
width:100%;
}

#calendar{
width:100%;
padding:6px 0;
border-bottom:#aecae7 1px solid;
height:14px;
margin-bottom:20px;
}

#calendar a.prev,
#calendar a.next{
float:left;
display:block;
width:12px;
height:14px;
padding:0 1px 1px 1px;
background:url(/images/prev.gif) no-repeat 0px -16px;
}
#calendar a.next{background:url(/images/next.gif) no-repeat 2px -16px;}
#calendar a.prev:hover{background:url(/images/prev.gif) no-repeat 0px 2px;}
#calendar a.next:hover{background:url(/images/next.gif) no-repeat 2px 2px;}

#calendar a.back{
padding-left:14px;
background:url(/images/prev.gif) no-repeat 0px 2px;
text-decoration:none;
}
#calendar a.back:hover{
background:url(/images/prev.gif) no-repeat 0px -16px;
}


.week{
padding:0 4px 6px 4px;
float:left;
}
#opensearch {
float:right;
width:85px;
padding:6px 0;
overflow:visible;
}
#opensearch a{
float:right;
text-decoration:none;
background:url(/images/next.gif) no-repeat left 2px;
padding-left:14px;
}
#opensearch a:hover{background:url(/images/next.gif) no-repeat left -16px;}


#search{
width:150px;
position:absolute;
margin:21px 0 0 -60px;
z-index:1;
background-color:#e1ecf6;
}
#search table{
padding:7px;
}
#search input{
border:none;
margin:1px 0;
font-size:10px;
padding:3px 2px;
}
#search .button{
font-size:11px;
color:#fff;
width:100%;
background:#88b2dd;
padding:2px 6px 3px 6px;
margin-bottom:2px;
cursor:pointer;
}



/* birth detail and birthpreview*/

img.birthdetail{
float:left;
width:212px;}

#birthdetail{
float:right;
width:222px;
padding:79px 4px 4px 4px; 
background-color:#D1E0EF;
}
*html #birthdetail{padding:77px 4px 3px 4px;}

#birthdetail h4{
font-weight:normal;
font-size:1.2em;
padding-left:4px;
margin:0;
padding:0px 4px 20px 4px;}

.birthpreview{
width:234px;
float:right;
}
.birthpreview h1{
padding:0;
margin:-3px 0 12px 0;
font-size:15px;
font-weight:normal;
}

table.babyinfo {
border-collapse:collapse;

font-size:0.9em;
}

table.babyinfo th {
text-align:left;
padding-left:3px;
}

table.babyinfo td {
padding-left:3px;
vertical-align:top;
text-align:left;
}

#birthdetail table.babyinfo td {
height:28px
}

table.babyinfo .line {
border-right : 1px solid #999;
}

.col1-2b{
float:left;
width:213px;}

.col2-2b{
float:right;
width:230px;
}

.col2-2b a{
display:block;
padding: 0 0 0 18px;
text-decoration:none;
margin-top:25px;
background:url(/images/bigarrow2.gif) no-repeat  -4px 4px;
}
.col2-2b a h4{
font-size:17px;
font-weight:normal;
margin:0;
padding:0;
}


.miniphoto{
float:right;
margin:30px 0 0 0;
padding:16px 51px 40px 5px;
background:url(/images/ecard.gif) no-repeat top left;}

/* ecard */

#ecard {
float:right;
width:230px;
}

img.ecard {
float:left;
width:170px;
}

#ecard h1 {
padding: 0;
margin:0 20px 10px 0;
font: 14px Arial, Helvetica, Verdana, sans-serif ;
color:#666;
font-weight:normal;}

#ecard h5{
padding: 0;
margin:0 0 12px 0;
font: 32px Arial, Helvetica, Verdana, sans-serif ;
color:#fff;
text-transform:uppercase;
line-height:34px;
font-weight:100;}

#ecard h4{
font-size:14px;
font-weight:normal;
margin:0;}

.message{
margin:20px 50px 10px 0;}

/* formular */

.col1-2f{
float:left;
width:213px;
}
.col2-2f{
float:right;
width:216px;}

.col1-2fb{
float:left;
width:230px;
_width:210px;}

.col2-2fb{
float:right;
width:160px;}

.col1-2f div, 
.col2-2f div, 
.col1-2fb label{
font-size:normal;
margin:0;
padding-top:10px;
padding-bottom: 2px;}

.col1-2fb input,
.col1-2fb textarea{
font-family:"Courier New", Courier, mono;
font-size:11px;
width:226px;
border:1px inset #d1e0ef;
padding:3px;}

.formbtn{
height:22px;
margin:14px 0 2px 0;
padding-left:12px;
background:url(/images/btns_l.gif) no-repeat top left;}

.formbtn input{
cursor:pointer;
font: 10px Verdana, Arial, Helvetica, sans-serif ;
display:block;
float:left;
color:#666;
padding:4px 12px 4px 0;
background:#aecae7 url(/images/btns_r.gif) no-repeat top right;
border:none;
width:130px;}

#errormsg{
color:#d00;
margin:25px 0 0 8px;}



.exp{
margin: 55px 0 0 6px;
font-size:10px;}

.btns{
height:22px;
margin:20px 0 0 0;
}
.btnl{
height:22px;
width:12px;
float:left;
background: url(/images/btns_l.gif) no-repeat top left;
}
.btnr{
height:22px;
width:12px;
float:left;
background: #aecae7 url(/images/btns_r.gif) no-repeat top left;
}

.btns a{
text-decoration:none;
color:#666;
font-size:12px;
padding:4px 15px 3px 10px;
display:block;
float:left;
background:#aecae7 url(/images/arrow.gif) no-repeat 1px 7px;}
*html .btns a{padding:4px 15px 4px 10px}

.btns a:hover{
color:#fff;}

/* doctors */

.col1-2d{
float:left;
width:165px;
margin-top:10px;}

.col2-2d{
float:right;
width:220px;
margin-top:10px;}

#submenudoc ul, 
.listdoc{
padding:0;
margin:5px 0 0 0;
list-style-type:none;}


#submenudoc h3{
padding-top:20px;}

#submenudoc a, 
.listdoc a{
display:block;
padding:1px 0 3px 0;
text-decoration:none;
color:#666;
background: url(/images/dots.gif) repeat-x bottom;}

#submenudoc a.s{
display:block;
padding:1px 0 3px 0;
text-decoration:none;
color:#000;
background: url(/images/dots.gif) repeat-x bottom;}

.arrowup{
float:left;
background: url(/images/arrowblack_up.gif) no-repeat 2px 5px;
margin-left:-10px;
width:9px;
height:16px;}

.arrowdown{
float:left;
background: url(/images/arrowblack_down.gif) no-repeat 0px 6px;
margin-left:-10px;
width:9px;
height:16px;}

ul.listdoc{
padding-top:16px;}

.docdetail{
margin:0 0 30px 0;}

h4.doctor{
display:block;
background: url(/images/dots.gif) repeat-x bottom;
margin:39px 0 6px 0;
padding:2px 0 3px 0;}

h4.doctor span{
float:right;
font-weight:normal;
font-size:10px;}

/* images */

.textright {
padding:0;
margin: 0 0 15px 0;
_height:0;}

.imgright {
float:right;
_width:15px;
min-width:15px;
margin:2px 0 12px 17px;}

.textleft {
padding:0;
margin: 0 15px 0 0;
_height:0;}

.imgleft {
float:left;
_width:15px;
min-width:15px;
margin:2px 17px 12px 0;}

.clear{
clear:both;}


.formerror{
background:#edd;}

p.smallinfo{
background:url(/images/arrowleft.gif) no-repeat left 2px;
padding-left:10px;
margin-left:-10px;
font-size:10px;
}