@charset "iso-8859-1";
/* CSS Document */
body {font-family: Arial, Helvetica, sans-serif; font-size:100%; margin:22px 10px 40px 10px; background:#2885b1 url(http://media.mykodial.com/pdvs/pdv10/images/bg.gif) repeat-x}
h1, h2, h3, h4, h5, span, p, ul, li, form {margin:0px; padding:0px}
#outer {width:960px; margin-left:auto; margin-right:auto}
#logo {margin-right:33px; border:none; float:left}
/* ---- MAIN MENU --- */
#menu {padding-top:10px; padding-bottom:7px; min-height:35px}
#menu a {background-position:left top; background-repeat:no-repeat; display:block; font-size:0.8em; font-weight:bold; color:#000; text-decoration:none; float:left; padding-left:34px; line-height:35px; margin-right:3px; min-height:35px; white-space:nowrap}
#menu a span {background:#fff url(http://media.mykodial.com/pdvs/pdv10/images/menu_right.gif) no-repeat right top; padding-right:15px; display:block}
#menu a:hover {margin-top:2px; line-height:33px; min-height:33px}
#menu .active {background-position:left -123px; background-color:#2885b1; cursor:default}
#menu .active span {background:url(http://media.mykodial.com/pdvs/pdv10/images/menu_a_right.gif) no-repeat right top; cursor:default}
#menu .active:hover {margin-top:0px; line-height:35px; min-height:35px}
.menu1 {background:#fff url(http://media.mykodial.com/pdvs/pdv10/images/menu1.gif);}
.menu2 {background:#fff url(http://media.mykodial.com/pdvs/pdv10/images/menu2.gif);}
.menu3 {background:#fff url(http://media.mykodial.com/pdvs/pdv10/images/menu3.gif);}
.menu4 {background:#fff url(http://media.mykodial.com/pdvs/pdv10/images/menu4.gif);}
/* Yellow Textbox */
#txt_box {background-color:#fff4ba; padding:8px 20px; text-align:center; font-size:0.85em; font-weight:bold; margin-bottom:7px;}
#txt_box span {color:#ff6000}
#txt_box a {color:#2076a7}
#txt_box a:hover {text-decoration:none}

/* TOP LEFT */
#profile1 {background:#fff url(http://media.mykodial.com/pdvs/pdv10/images/bottom_left.gif) no-repeat left bottom; padding-bottom:5px; width:507px; overflow:hidden; margin-bottom:5px; height:210px;}
#profile_pic {float:left; margin-left:12px; margin-top:7px; width:152px; text-align:center; color:#2076a7; font-weight:bold; font-size:0.8em; display:inline}
#profile_pic img {padding:3px; margin-bottom:4px; border:none; display:block; border:1px solid #dbdbdb; }
.txt_profile {margin-left:178px; padding-top:7px; width:300px; overflow:hidden}
h2 {margin-left:0px; color:#ff6000;}
.txt_profile p {margin:5px 10px 10px 0px; font-size:0.8em;}
.txt_profile p b {color:#9ba0a8}
.txt_profile p span {display:block; float:left; width:100px; font-size:0.9em; line-height:1.8em; padding-left:2px;}
.profile_link {color:#2076a7; font-weight:bold; font-size:1.1em; padding-left:8px; text-decoration:none; display:block; margin-top:14px}
.profile_link img {border:none; margin-right:8px; vertical-align:middle}
/* BOTTOM LEFT */
#profile2 {width:507px; background:#fff url(http://media.mykodial.com/pdvs/pdv10/images/bottom_left.gif) no-repeat left bottom; margin-bottom:5px; padding-bottom:5px; height:382px;}
#profile2_top {background:#ff7435 url(http://media.mykodial.com/pdvs/pdv10/images/bg_orange.gif) no-repeat; padding-top:8px; padding-bottom:8px}
h3 {color:#FFF; margin-left:20px; margin-right:20px; font-size:1em}
.details {background-color:#f1f9fc; border-bottom:1px solid #dee6ea; padding:12px 19px 15px 19px; font-size:0.75em; overflow:hidden;}
.details span {float:left; display:inline; margin-right:10px; margin-top:5px; width:80px}
.details b {display:block; padding-bottom:4px;}
h4 {color:#ff6000; margin-left:19px; padding-top:15px; font-size:1.15em}
h4 span {font-size:0.7em; color:#aaaaaa; display:block; padding-top:4px; font-weight:normal}
#profile2 p {margin:20px 19px 10px 19px; font-size:0.9em; line-height:1.4em}
#profile2 p span {color:#2076a7; font-weight:bold; font-size:1.1em; padding-left:8px}

.right {clear:right; float:right; width:448px; margin-bottom:5px; padding-bottom:5px; background:#fff url(http://media.mykodial.com/pdvs/pdv10/images/bottom_right.gif) no-repeat left bottom;}
.heading_right {background:#b2def1 url(http://media.mykodial.com/pdvs/pdv10/images/bg_blue.gif) no-repeat; padding-top:8px; padding-bottom:8px}
.heading_right h3 {color:#000}
.right ul {margin-left:25px; margin-top:15px; list-style:none}
.right ul li {background:url(http://media.mykodial.com/pdvs/pdv10/images/bullet.gif) no-repeat left center; padding-left:12px; line-height:1.6em; font-size:0.8em}
.right ul li a {color:#2076a7; text-decoration:none}
.right ul li a:hover {text-decoration:underline}
#webcam {display:inline; width:112px; text-align:center; float:right; margin-right:65px; color:#2076a7; font-weight:bold; font-size:0.9em; text-decoration:none}
#webcam img {display:block; margin:11px 2px 10px 2px; border:none}
#webcam:hover {text-decoration:underline}
.right p {margin:27px 0px 10px 25px}
#right_link {color:#2076a7; font-weight:bold; font-size:0.9em; text-decoration:none}
#right_link:hover {text-decoration:underline}
.right_height {height:382px;}

#txt_field {width:295px; margin-top:3px; margin-right:7px; float:left}
#ok_button {background:url(http://media.mykodial.com/pdvs/pdv10/images/ok_button.gif) no-repeat; width:45px; height:22px; line-height:22px; text-decoration:none; text-align:center; font-weight:bold; display:block; color:#000; float:left; margin-top:3px}
.browser {padding-left:19px; font-size:0.75em; padding-top:16px}
.browser img {border:none}
.browser span {display:inline; margin-right:5px; margin-left:10px; width:75px; float:left; overflow:hidden}
.browser b {display:block; margin-right:5px; margin-left:10px; width:120px; float:left; font-weight:normal}
.browser a {display:block; width:408px; padding-top:4px; padding-bottom:4px; cursor:pointer; overflow:hidden; color:#000; text-decoration:none}
.browser strong {display:block; padding-bottom:4px}
.browser a:hover {background:#ffe2d0}
.browser .active {background:#ffe2d0}
.blue_bg {background:#f4f4f4}

.nav {padding-left:25px; color:#000; padding-top:8px; padding-bottom:7px}
.nav a {color:#2076a7; padding-left:4px; padding-right:4px; text-decoration:none; font-weight:bold; font-size:0.8em}
.nav a:hover {text-decoration:underline}
.nav .active, .nav .active:hover {color:#ff6000; cursor:default; text-decoration:none}

#bottom {background:#fff url(http://media.mykodial.com/pdvs/pdv10/images/bot_top.gif) no-repeat left top; width:960px; padding-top:10px; clear:both; text-align:center}
h5 {font-size:1.1em; color:#3a3a3a; margin-left:20px; margin-right:20px; padding-bottom:5px}
#bottom a {color:#2076a7; text-decoration:none}
#bottom a:hover {text-decoration:underline}
.cleardiv {clear:both}