/* CSS Document */
.fontLink{
	font-family: Verdana;
	font-size: 12px;
	color:#000000;text-decoration:none;
}

a.fontLink:link{color:#000000;}
a.fontLink:visited {color:#000000; }
a.fontLink:hover {color:#999999; text-decoration:underline;}


.fontLinkBold{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight:bold;
	color:#000000;text-decoration:underline;
}

a.fontLinkBold:link{color:#000000;}
a.fontLinkBold:visited {color:#000000; }
a.fontLinkBold:hover {color:#999999; text-decoration:underline;}

.code{background-color:#F4F4F4; color:#000000;font-family:"Times New Roman", Times, serif;
	font-size: 14px; }


.fontPara{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#666666;text-decoration:none;
}

.greyBig{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color:#999999;text-decoration:none;
}

.blockTitle {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px;
  FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 2px;
  WIDTH: 150px; COLOR: #ffffff; PADDING-TOP: 6px; font-weight:bold;
  BACKGROUND-COLOR: #6899db}
  
.form_word{font-size:11px; color:#909090; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}

.title_blue{font-size:15px; color:#0099FF;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}

.title_green { 
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#009900;
font-weight:bold;
}

.text_abs{font-size:13px; color:#0099FF;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}

.fontGreyk{
	font-family: Verdana;
	font-size: 11px;
	color: #555555;text-decoration:none;
}


.fontGreyup{
	font-family: Verdana;
	font-size: 13px;
	color:#777777;text-decoration:none;
}

/* FORM STYLE */
table.appnitro		{background:#fafafa;padding:10px 5px 15px 10px;border-left:1px solid #cccfd1;border-right:1px solid #cccfd1;border-bottom:1px solid #cccfd1;}
label.description {border:medium none;color:#222222;display:block;font-size:95%;font-weight:700;line-height:150%;padding:0pt 0pt 1px;}
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: arial, sans-serif, helvetica; }
input.text {background:#FFFFFF url(http://www.drsoft.com/templates/default/images/shadow.gif) repeat-x scroll center top;border-color:#7C7C7C rgb(195, 195, 195) rgb(221, 221, 221);border-style:solid;border-width:1px;color:#333333;font-size:100%;margin:0pt;padding:2px 0pt;}
input.text.error {border-color: red!important;}
input.text.ok {border-color: green!important;}

textarea {background:#FFFFFF;border-color:#7C7C7C rgb(195, 195, 195) rgb(221, 221, 221);border-style:solid;border-width:1px;color:#333333;font-size:100%;margin:0pt;padding:2px 0pt;}
textarea.error {border-color: red!important;}
textarea.ok {border-color: green!important;}

select {background:#FFFFFF;border-color:#7C7C7C rgb(195, 195, 195) rgb(221, 221, 221);border-style:solid;border-width:1px;color:#333333;font-size:100%;margin:0pt;padding:2px 0pt;}
select.error {border-color: red!important;}
select.ok {border-color: green!important;}


input.small {width:25%;}
input.medium {width:48.5%;}
input.large {width:99%;}
form .required {color:red;float:none;font-weight:700;}
span.error_small		{color:red;font-size:11px;font-weight:bold;width:140px}
span.error			{color:red;font-size:11px;font-weight:bold;}
button:focus::-moz-focus-inner {border-color:transparent!important;}
.buttons a, .buttons button{display:block;margin:3px 5px 0 0;background-color:#f5f5f5;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:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;padding:5px 6px 6px 6px; /* 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;}
.buttons a:active	{background-color:#6299c5;border:1px solid #6299c5;color:#fff;}
.buttons a.positive:hover, button.positive:hover{background-color:#E6EFC2;border:1px solid #C6D880;color:#529214;}
.buttons a.positive:active{background-color:#529214;border:1px solid #529214;color:#fff;}
.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;}
.headers		{border-left:1px solid #658cb3;border-right:1px solid #658cb3;border-top:1px solid #658cb3;border-bottom:2px solid #658cb3;margin:0!important;color:#666!important;font-size:1.1em!important;padding:5px 0 4px 10px!important;text-transform:uppercase;font-weight:bold}
.headers a		{color:#fff!important;}
.gray			{background:#d9e6f4}
#receiver {background:#FFFAE4 none repeat scroll 0 0;border-bottom:3px solid #FFE787;margin-bottom:10px;padding:6px;display:none; font-size:11px;}
#receiver.success {background:#EEFFE6 none repeat scroll 0 0!important;border-bottom:3px solid #73FF2F!important;font-weight:bold}

/* FORM STYLE */


/* NAV STYLE */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
.animatedtabs{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../img/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.line{
color:#FF9900;}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(../img/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}


/* NAV STYLE */

/* border 

.bl2 {border: 1px solid #e68200; background:url(../img/bl2.gif) 0 100% no-repeat; width:20em; text-align:center}
.bl {background:url(../img/bl2.gif) 0 100% no-repeat; width:20em; text-align:center}
.br {background:url(../img/br2.gif) 100% 100% no-repeat}
.tl {background:url(../img/tl2.gif) 0 0 no-repeat}
.tr {background:url(../img/tr2.gif) 100% 0 no-repeat; padding:10px}
.tr2 {background:url(../img/tr2.gif) 100% 0 no-repeat}
.t {background:url(../img/dot2.gif) 0 0 repeat-x; width:20em}
.b {background:url(../img/dot2.gif) 0 100% repeat-x}
.l {background:url(../img/dot2.gif) 0 0 repeat-y}
.r {background:url(../img/dot2.gif) 100% 0 repeat-y}*/

.t {background: url(../img/dot2.gif) 0 0 repeat-x; width: 99%}
.b {background: url(../img/dot2.gif) 0 100% repeat-x}
.l {background: url(../img/dot2.gif) 0 0 repeat-y}
.r {background: url(../img/dot2.gif) 100% 0 repeat-y}
.bl {background: url(../img/bl2.gif) 0 100% no-repeat}
.br {background: url(../img/br2.gif) 100% 100% no-repeat}
.tl {background: url(../img/tl2.gif) 0 0 no-repeat}
.tr {background: url(../img/tr2.gif) 100% 0 no-repeat; padding:10px} 

/* NEW TEMPLATE */
h2.title{
  font: 24px "Times new roman", serif; text-decoration:none;
}
h2.subtitle{
  text-decoration:none; font-size:20px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
html, body, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	color: #464544;
}
a:hover {
	color: #FFA405;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	background: #fff url(../img/page_bg.gif) repeat-x;
	text-align: left;
	font: 12px arial, sans-serif;
	color: #464544;
}

/** layout **/
#wrapper {
	text-align: left;
	margin: auto;
	width: 728px;
  position: relative;
}

h1 {
  position: absolute;
  top: 46px;
  left: 0;
  height: 43px;
  padding-top: 8px;
  width: 414px;
  text-align: center;
  background: #7A808C;
  color: #ffffff;
  font: 24px "Times new roman", serif;
  font-weight: normal;
}
h1 strong {
  font-weight: normal;
  color: #0E1520;
}
#top-nav {
  position: absolute;
  top: 15px;
  left: 414px;
  width: 266px;
  height: 269px;
  background: #6D7481 bottom left url(../img/header.jpg) no-repeat;
}
#top-nav ul {
  text-align: center;
  line-height: 32px;
}
#top-nav li {
  display: inline;
  font-size: 12px;
  color: #fff;
}
#top-nav a {
  text-decoration: none;
  font-weight: normal;
  color: #fff;
}
#top-nav a:hover {
  text-decoration: underline;
}

#mmagic {
  background: url(../img/media_magic.gif) no-repeat;
  position: absolute;
  top: 46px;
  left: 680px;
  width: 48px;
  height: 238px;
}
#header {
  background: url(../img/header_bg.jpg) no-repeat;
  position: absolute;
  top: 89px;
  left: 0px;
  width: 414px;
  height: 195px;
}

/** body **/
#spacer {
  height: 285px;
}

#body {
  background: url(../img/body_bg.gif) repeat-y;
  width: 100%;
}

#left {
  float: left;
  width: 412px;
}
#right {
  float: right;
  width: 312px;
}

#nav ul {
}
#nav li {
  float: left;
  width: 102px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background: url(../img/tab_lit.gif) repeat-x;
  border-left: 1px solid white;
  list-style: none;
}
#nav a {
  font: 16px "Times new roman", serif;
  color: #ffffff;
  text-decoration: none;
}
#nav a:hover {
  text-decoration: underline;
}
#nav li.drk {
  background: url(../img/tab_drk.gif) repeat-x;
  border-left: none;
  padding-left: 1px;
}

#visit {
  background: #EEEEEE;
  padding: 15px 40px 14px 36px;
}

#visit a {
  text-decoration: none;
}
#visit a:hover {
  text-decoration: underline;
}

#subs-left {
  float: left;
 
  padding-left: 30px;
  padding-right: 5px;
  padding-bottom: 10px;
  margin-top: 22px;
}
#subs-right {
  float: right;
  width: 145px;
  padding-right: 30px;
  padding-bottom: 10px;
  margin-top: 22px;
}
#subs-left a {
  color:#fff;
}
#subs-left {
  color: #CCCCCC;
}
#subs-left h3 {
  color: #000000;
  font: 16px "Times new roman", serif;
}
#subs-left p {
  text-align: justify;
}

#subs-right {
  color: #fff;
}
#subs-right h3 {
  color: #000000;
  padding-left: 20px;
  padding-bottom: 14px;
  font: 16px "Times new roman", serif;
}
#subs-right h4 {
  color: #000000;
  font: 14px "Times new roman", serif;
  margin: 0.6em 0;
}
#subs-right ul {
  margin-top: 1em;
}
#subs-right li {
  list-style: none;
  padding-left: 20px;
  background: 5px 3px url(../img/bullet.gif) no-repeat;
}
#subs-right p {
  text-align: justify;
  margin: 0.6em 0;
}

#right-i {
  padding: 4px 25px 0 20px;
}/*
#right h2 {
  color: #323E51;
  font: 22px "Times new roman", serif;
  margin-bottom: 12px; text-decoration:none;
}*/
#right h3 {
  color: #000000;
  font: 14px "Times new roman", serif;
  margin-bottom: 5px;
}
#right p {
  margin-top: 0;
  color: #163348;
}
#right .left {
  margin-right: 4px;
}
#right a {
  color: #163348;
  font-weight: bold;
  text-decoration: none;
}
#right a:hover {
  text-decoration: underline;
}

/** footer **/
#copyright {
  background: #6D7481;
  color: #fff;
  text-align: center;
  font-size: 11px;
  float: right;
  width: 315px;
  padding: 10px 0;
  margin-bottom: 20px;
}
#copyright p {
  margin: 0;
  padding: 0;
}

/* END */

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color:#CCCCCC;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color:;
}


/* news */



.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 500px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

/* end */

/* new nav */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.underlinemenu{
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: left; 
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: black;
}

/* end */
