@charset "utf-8";
/* CSS Document */

/*html{
   height: 100%;
   width: 100%;
   margin: 0em;
   padding: 0em;
}*/

table.dotted td {
	padding:6px 5px;
	background-image:url(../images/dotline_horizontal_blu.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}

.uploadButton {
	background-color: #F9A22F;
	border: none;
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 15px;
	padding-top: 5px;
	padding-bottom: 3px;	
	margin-top: 1px;
	margin-bottom: 1px;
	text-align: center;
	width: 100px;
}

body {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image:url(../images/background.gif);
	background-repeat:repeat-y;
	background-position:center;
	color:#6d4535;
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
}

.bottomInfoBox{
	border:1px double #D5D5D5;
	margin-bottom: 2px;
	margin-top: 2px;
	padding: 2px;
}

#notActive {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	background:url(images/screenshot-back.png) repeat;
}

.notActive { opacity:.6; }


a:active {
	text-decoration: underline;
	color: #ffffff;
}
a:link {
	text-decoration: underline;
	color: #ffffff;
}
a:visited {
	text-decoration: underline;
	color: #ffffff;
}
a:hover {
	text-decoration: underline;
	color: #ffffff;
}
a:visited:hover {
	text-decoration: underline;
	color: #ffffff;
}

.mediaBackground {
	background-image:url(../images/mediaBackground.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

h2 {
	margin:0px;
	padding-top:0px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFFFFF;
}

h3 {
	margin:0px;
	padding-top:0px; 
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

h4 {
	margin:0px;
	padding-top:0px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
}

.submit {
	font:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	background-image:url(../images/formBtnBackground.jpg); 
	background-repeat:repeat-x; 
	color:#666666; 
	height:22px; 
	border: 1px solid #eaeaea; 
	padding:2px 10px;
	width:auto;
}

.mediaError {
	margin:0px;
	padding-top:150px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	min-height:330px; 
	background-repeat:no-repeat; 
	background-position: center top;
}

.mediaTextWhite {
	margin:0px;
	padding:50px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	min-height:330px; 
	background-repeat:no-repeat; 
	background-position: left bottom;
}

.mediaText {
	margin:0px;
	padding:50px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	min-height:330px; 
	background-repeat:no-repeat; 
	background-position: left bottom;
}

.containerSubNav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:26px; 
	padding:14px 0px 0px 0px;
}

.subNavLink {
	background-image:url(../images/subBackground.gif); 
	height:20px; 
	text-align:center; 
	float:left; 
	padding:6px 10px 0px 10px;
	color:#05acb0;
}
.subNavLink a:active {
	text-decoration: none;
	color: #3c3c3c;
}
.subNavLink a:link {
	text-decoration: none;
	color: #3c3c3c;
}
.subNavLink a:visited {
	text-decoration: none;
	color: #3c3c3c;
}
.subNavLink a:hover {
	text-decoration: none;
	color: #05acb0;
}
.subNavLink a:visited:hover {
	text-decoration: none;
	color: #05acb0;
}

.subNavDiv {
	float:left; 
	width:3px; 
	height:26px; 
	background-image:url(../images/subNavDiv.gif);
}

.subNavCapLeft {
	background-image:url(../images/subNavCapLeft.gif); 
	width:12px; 
	height:26px; 
	float:left;
}

.subNavCapRight {
	background-image:url(../images/subNavCapRight.gif); 
	width:12px; 
	height:26px; 
	float:left;
}

.container {
	width:990px;
	padding:0px;
	margin:0px;
}

.mediaGrayBorder {
	background-color:#e6e6e6;
	padding:5px;
}

.whiteArea {
	background-color: #f7f7f7;
	width:980px;
	min-height:430px;
}

.mediaAreaIndex {
	background-color:#05acb0;
	width:980px;
	min-height:358px;
}

.mediaArea {
	background-color:#05acb0;
	width:980px;
	min-height:430px;
}

.header {
	background-image:url(../images/ipina_header.gif);
	background-repeat:no-repeat;
	width:990px;
	height:149px;
	padding:0px;
	margin:0px;
}

.headerLogo {
	float:left; 
	vertical-align:top; 
	width:671px;
	padding:18px 0px 39px 29px; 
	text-align:left;
}

.loginNav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	width:284px;
	text-align:right;
	float:right;
	padding:80px 6px 0px 0px;
}

.mainNav {
	text-align:left;
	float:left;
	width:689px;
	height:33px;
	padding:0px 0px 0px 11px;
	vertical-align:bottom;
}

.loginNav a:active 		{ text-decoration: none; 	color: #999999; }
.loginNav a:link 			{ text-decoration: none; 	color: #999999; }
.loginNav a:visited 		{ text-decoration: none; 	color: #999999; }
.loginNav a:hover 		{ text-decoration: none; 	color: #666666; }
.loginNav a:visited:hover { text-decoration: none;	color: #666666; }


.footerImage {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	width:244px;
	float:right;
	padding:10px 15px 10px 15px;
	margin:0px;
	text-align: right;
}
	
.footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	width:680px;
	float:left;
	padding:10px 15px 10px 15px;
	margin:0px;
	text-align: left;
}

.bannersSmall {
	width:990px;
	float:left;
}

#bannersSmall {
	float:left;
}


.banners {
	float:left;
	width:236px;
	height:117px;
	padding:4px;
	margin:0px;
}

.footer  ul{
	text-align:left;
	padding:0px;
	margin:0px;
}
.footer  ul li{	
	width:970px;
	font-weight:normal;
	list-style: none;
	display: inline;
	margin:0px;
	padding:0px 5px 0px 0px;
}

.footer a:active 		{ text-decoration: none; 	color: #999999; }
.footer a:link 			{ text-decoration: none; 	color: #999999; }
.footer a:visited 		{ text-decoration: none; 	color: #999999; }
.footer a:hover 		{ text-decoration: none; 	color: #666666; }
.footer a:visited:hover { text-decoration: none;	color: #666666; }


.errorHeader {
	font-weight: bold;
	font-size: normal;
	margin-top: 10px;
}

.validText {
	font-weight: normal;
	font-size: normal;
	margin-top: 10px;
	color: green;
}

.errorText {
	font-weight: normal;
	font-size: normal;
	margin-top: 10px;
}

.errorBox{
	border:1px dashed #E32233;
	background-color: #FFC6C6;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px;
	width: 500px;
	color: #000000;
}

em {
	color: #E32233;
}



a.info {
	font: bold 1.3em Arial, Sans-Serif; 
	text-decoration:none; 
	position:relative;
}

a.info span {
	display:none;
}

a.info:hover {
	
	cursor:default;
}

a.info:hover .infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:20px;
	left:20px;
	width:205px; 
	height:70px; 
	border: 1px solid #ccc; 
	background:#f4f4f4 url(../images/question.gif) no-repeat bottom right; 
	color:#000; 
	text-align:left; 
	font-size:0.7em; 
	padding-left:10px; 
	padding-top:10px;
}

textarea {
	background-color:#ffffff;
	border: 1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

input[type=text], input[type=password], input[type=file] {
	border: 1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:14px;
	max-width:300px;
	background-color:#ffffff;
}

select {
	background-color:#ffffff;
	border: 1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	max-width:200px;
}
input[type=checkbox]  {
	border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:16px;
}

.required {
	background: url('../images/required.png') no-repeat 5px 5px;
	background-color:#ffffff;
}

.descr {
	color: #ffffff;
	font-size: 12px;
}

.nextButton {
	background-color: #F9A22F;
	
	border: 1px solid #fff;
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	padding-bottom: 3px;
	margin-top: 1px;
	margin-bottom: 1px;
}
.backButton {
	background-color: #B1D140;
	border: 1px solid #fff;
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	height: 20px;
	padding-bottom: 3px;
	margin-top: 1px;
	margin-bottom: 1px;
}


.accHeader {
	font-weight: bold;
	font-size: normal;
	margin-top: 10px;
	color: #E32233
}

.accText {
	font-weight: normal;
	font-size: normal;
	margin-top: 10px;
	color: #E32233
}

.accBox{
	border: 1px solid #D9D9D9;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px;
	width: 350px;
	background-color: #fff;
}
.accBox a:active {
	text-decoration: underline;
	color: #000;
}
.accBox a:link {
	text-decoration: underline;
	color: #000;
}
.accBox a:visited {
	text-decoration: underline;
	color: #000;
}
.accBox a:hover {
	text-decoration: underline;
	color: #000;
}
.accBox a:visited:hover {
	text-decoration: underline;
	color: #000;
}

.packageBox{
	border: 1px solid #D9D9D9;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px;
	width: 250px;
	color: #000;
	background-color: #fff;
}

.accBoxLong{
	border: 1px solid #D9D9D9;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px;
	width: 98%;
	background-color: #fff;
}

.accBoxLong a:active {
	text-decoration: underline;
	color: #000;
}
.accBoxLong a:link {
	text-decoration: underline;
	color: #000;
}
.accBoxLong a:visited {
	text-decoration: underline;
	color: #000;
}
.accBoxLong a:hover {
	text-decoration: underline;
	color: #000;
}
.accBoxLong a:visited:hover {
	text-decoration: underline;
	color: #000;
}

.hrthin {
	height: 1px;
	background: #ccc;
	border: 0px none;
	height: 1px;
}


/* --- for the character counter --- */
	
.minitext {
  font: normal 0.7em Arial, sans-serif;
  color: Black;
}

.disable {
  background-color: #CF110C;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  margin-top: 2px;
  padding: 5px;
  text-align: center;
  width: 113px;
}

.preview{
    border:5px solid #c5c5c5;
    cursor:pointer;
}

.preview:hover{
    border:5px solid #89c0d4;
}


/*-- right tools--*/
.right-info {float: left; background-position: top;width: 185px;border:none;padding:0px;margin: 1px 0px 0px 8px;background-color:#f6f6f6;border:1px #DFD1D2 dashed;}
.right-info h2 {float: left; padding-left: 10px; padding-bottom: 10px; color: #999999;}
.right-info dl {margin:0px 15px 0px 0px;}
.selected {padding-left: 10px; padding-right: 10px; margin: 0px; background-color: #E21E68;}
.right-info a:active  { margin:0px; text-decoration: none; color: #fff; }
.right-info a:link    { margin:0px; text-decoration: none; color: #999999; }
.right-info a:visited { margin:0px; text-decoration: none; color: #999999; }
.right-info a:hover   { padding-left: 10px; padding-right: 10px; margin:0px; text-decoration: none; color: #fff; background-color: #E21E68;}
.right-info a:visited:hover { text-decoration: none; color: #fff; }
.right-info dd {padding: 10px 0px 5px 0px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #ccc;}
.right-info dd li {background-position: left top;padding-left:0px; margin-left:0px; padding-bottom:0px;}
.right-info .last {border: none; padding-top:10px;}
.right-info img {margin-right: 10px;}


/*-- ajax popup--*/
.popup {background:#05acb0; color: #fff; border:1px solid #fff; padding:1px;}
.popup-white {background:#fff; color: #000; border:1px solid #000; padding:1px;}
.popup-header {padding:7px; background-color: #E21E68;}
.popup-header h2 {margin:0; padding:0; font-size:18px; float:left; color: #fff;}
.popup-header .close-link {float:right; font-size:11px; color: white;}
.popup-body {padding:10px;}

/*-- ajax validator--*/
IMG.avatar { vertical-align: middle; }


/*-- portlets--*/
.portletTitle {
  background-color: #B1D140;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #ccc;
  padding: 2px 4px;
  color: #FFFFFF;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.portletBox{
	border: 1px solid #D9D9D9;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px;
	width: 350px;
	min-height: 250px;
	background-color: #fff;
	color: #000;
}

.portletBox a {
	color: #000;
}
.portletBox a:hover {
	text-decoration: underline;
	color: #000;
}
.portletBox a:visited:hover {
	text-decoration: underline;
	color: #000;
}

.picture {border: 1px solid #DDD; padding: 3px;}




/* Listen */
.fade {
	display:none;
	border: 1px solid #ccc;
	overflow: hidden;
	margin: 0px;
}

.fade span {
	padding-top: 4px;	
	font-size:18px;
	color: black;
	text-align: center;
}