@charset "UTF-8";
/* 
	Background-Styles 
*/
body {
	margin:0px; padding:0px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	background-color:#ffffff;
	color:#282828;
	font-size:13px;
	line-height:19px;
}
#main {
	background: #ffffff url(../../images/ui/background_light_slice.jpg) repeat-x;
	padding-bottom:30px;
}
#main .container {
	background-image:url(../../images/ui/background_light.png);
	background-repeat:no-repeat;
}
#footer {
	font-size: 11px;
	padding:40px;
	position:relative;
	top:-20px;
	min-height:130px;
}
.container {
	width:950px;
	margin:0 auto;
	position:relative;
}

.pics {
	position: relative;
}


/* 
	Header-Styles 
*/
#header {
	padding-top:15px;

}
#logo h1, #logo small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}
#logo {
	background-repeat:no-repeat;
	width:346px;
	height:86px;
}

ul#menu {
	margin:0px; padding:0px;
	position:absolute;
	right:0px;
}
ul#menu li {
	display:inline;
	margin-right:8px;
}
ul#menu li a {
text-decoration:none;
color:#ffffff;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
font-size: 18px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.2em;
}
ul#menu li a.active {
color:#ffffff;
text-decoration:underline;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
font-size: 18px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.2em;


}
ul#menu li a:hover {
	color:#dfdfdf;
	text-decoration: none;
}


/*
LP
*/
.notificationbox {
	text-align: center;
	background-color: #f7e287;
	color: #402423;
	padding: 2em;
	font-size: 16px;
	width: 700px;
	font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; 
	border: 1px solid #fad846;
}

.notificationbox a{
	text-align: center;
	color: #402423;
	font-weight:bold;
}
.notificationbox a:hover{
	color: #6e4442;
	font-weight:bold;
}



/* 
	Block-Styles 
*/
.block {
	background-color:#ffffff;
	margin-bottom:10px;
	position:relative;
}
.ribbon {
	position:absolute;
	top:-3px;
	right:-3px;
}
.block_inside { 
	display:block; 
	background-color:#ffffff;
	padding:10px;
	overflow:auto;
}


.profileinfo { 
	color: #a2a2a2;
	display:block; 
	margin-bottom: 10px;
	overflow:auto;
}

.profileinfo a { 
	color: #9f9f9f;
	text-decoration: none;
	font-weight: bold;
}
.profileinfo a:hover{ 
	color:#3f3f3f;
	text-decoration: none;
}
.profileinfo .thumbnail { float:left; margin-right:20px; border:1px solid #979390; }



.messageprofile { 
	display:block; 
	border:1px solid #e9e9e9;
	background-color: #f4f7f9;	
	padding:20px;
	overflow:auto;
}
.messageprofile:hover { 
	border:1px solid #bbbbbb;
}
.messageprofile a { 
	color: #00c8ff;
	font-weight:bold;
}
.messageprofile a:hover{ 
	color:#bbbbbb;
	text-decoration: none;
}

.messageprofile .thumbnail { float:left; margin-right:20px;  }

.messageprofile a.button {
	padding:5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:15px;
}
.messageprofile a.button:hover {
	padding:5px 10px 5px 10px;
	background:#4792b2;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:15px;
}
.messageprofile a.inversebutton:hover {
	background-color: #bbbbbb;
	border-color:#367b9c;
}


a.inversebutton {
	background-color: #00c8ff;
	padding:5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	font-size:15px;
	line-height:25px;	
}
a.inversebutton:hover {
	background: #bbbbbb;
}

.minimessage { 
	display:block; 
	border:1px solid #e9e9e9;
	background: #ffffff url(../../images/ui/background_block_slice.jpg) repeat-x;	
	padding:10px;
	overflow:auto;
}
.minimessage { 
	border:1px solid #a2a2a2;
}
.minimessage a { 
	color: #59aac8;
	font-weight:bold;
}
.minimessage a:hover{ 
	color:#367b9c;
	text-decoration: none;
}

.minimessage .thumb { float:left; margin-right:5px;  }

.image_block {
	float:left;
}
.image_block img {
}

img { border: none; } 

.login_block {
	padding-right: 2em;
}







.text_block {
	float:right;
	width:550px;
	margin-left:30px;
	margin-right:40px;
}
.text_block p {
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -0.1;
line-height: 1em;
color:#bbbbbb;
}

#block_featuredblog .text_block { padding-top:5px }



/*
	Portfolio-Home-Styles
*/
#block_portfolio {
	overflow:auto;
	margin-bottom:20px;
}
#portfolio_items {
	width:900px;
	margin-right:25px;
	float:left;
	min-height:100px;
	padding-top:3px;
}
#text_column {
	float:right;
	width:310px;
}
#text_column img { margin-bottom:20px; position:relative; left:-3px;}
#text_column h2#text_title { 
	text-indent:-9999px;
	background-repeat:no-repeat;
	width:310px;
	height:129px;
}
.mini_portfolio_item {
	margin-bottom:10px;
	position:relative;
}
.mini_portfolio_item .block_inside { 
	background:none; 
	padding:25px 30px 15px 30px; 
}
.mini_portfolio_item .thumbnail { float:left; margin-right:20px; }
.mini_portfolio_item p {	color:#555555;}


/*
	Block-Content-Styles
*/
#content_area {
	width:665px;
	height:100%;

	float:left;
}
#content_area .block_inside {
	height:100%;

}
#sidebar {
	float:left;
	width:281px;
	position:relative;
	left:-1px;
	margin-top:15px;

}
#sidebar .block_inside {
	background:none;
	background-color:#f6f4ee;
}
#sidebar h3 {
	font-size:20px;
	line-height:23px;
}
#sidebar ul { margin:10px 0px 30px 0px; padding:0px; }
#sidebar ul li { list-style:none; margin:0px 0px 5px 0px; padding:0px; }
#sidebar ul li a { color:#7f7d78; }
#sidebar ul li a:hover { color:#0172dd; text-decoration:none; }
#content_area h2 { font-size:32px; line-height:31px; }
#content_area .separator {
	border-top:1px solid #e3e3e3;
	margin-top:10px;
	padding-top:10px;
}




/* 	Applications Style 

*/


.appscontainer {
	background-color:#f2f2f2;
	border:1px solid #a3a09e;
	padding:25px 30px 15px 30px; 
	width: 90%; 
}

.appscontainer .thumbnail { float:left; margin-right:20px;}
.appscontainer p {	color:#555555;}

        .bubbleInfo {
            position: right;
            width: 500px;
        }
        .trigger {
            position: absolute;
        }
        .popup {
        	position: absolute;
        	display: none;
        	z-index: 50;
        	border-collapse: collapse;
        }
        .popup td.corner {
        	height: 15px;
        	width: 19px;
        }
        .popup table.popup-contents {
        	}
         table.popup-contents th {
        	text-align: right;
        	}
         table.popup-contents td {
        	text-align: left;
        	}
 


/* 
	Text-Styles   
*/
h2 {
color: #00c8ff;
font-size: 30px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.2em;
}
h3 {
margin:10px 0px 5px 0px;
font-size:23px;
line-height:21px;
color: #bbbbbb;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
}
h4 {
margin:10px 0px 5px 0px;
font-size:14px;
font-family:Helvetica, Arial, Sans-serif;
color: #bbbbbb;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
}

h5 {
margin:10px 0px 5px 0px;
font-size:12px;
font-family:Helvetica, Arial, Sans-serif;
color: #bbbbbb;
font-style: normal;
font-weight: normal;
text-transform: normal;
}
small {
	color:#00c8ff;
	font-weight:bold;
	font-size:11px;
	display:block;
	margin-bottom:15px;
}
a {
	color:#00c8ff;
	text-decoration:none;
}
small a {
	color:#00c8ff;
}
a:hover { text-decoration:underline; }

a.button {
background-color: #00c8ff;
padding:10px 15px 15px 15px;
color: #ffffff;
text-decoration: none;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
line-height: 2em;

}
a.button:hover {
background-color: #bbbbbb;
text-decoration: none;
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
line-height: 2em;
}


/*
	Footer-Styles
*/

.footer_column {
	float:left;
	width:120px;
	margin-right:30px;
	margin-top:100px;

}
#footer .long {
	width:700px;
}
#footer h3 {
	color:#59aac8;
	font-size:10px;
}
#footer h5 {
	color:#2a2a2a;
	font-size:10px;
}
.footer_column ul li, .footer_column ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#footer a {
	color:#2a2a2a;
	text-decoration:none;
}
#footer a:hover { text-decoration:underline; }
#footer p {	color:#2b2b2b;}
#footer b {	color:#2a2a2a;}


/* 
	Miscellaneous-Styles   
*/
/* Fix up IE6 PNG Support */
img, #logo { behavior: url(../../scripts/iepngfix.htc); }


/* 
	Input-Styles   
*/
input{	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
}
textarea{	font-family: Arial, Helvetica, sans-serif; 
	width: 400px;
	height: 100px;
	font-size:12px;
}



/* 
	Login-Styles   
*/
div.login{
	color: #555555;
	display:block; 
	border:1px solid #d8d8d8;
	background-color: #f4f7f9;
	padding:10px;
	overflow:auto;
}

.input-submit {		
color: #a2a2a2;
border:1px solid #d8d8d8;
padding: 0.2em;
background-color: #dfdfdf;
}

.input-submit:hover {	
color: #ffffff;	
background-color: #bbbbbb;
}


div.login p{padding-bottom:14px;}
div.login h3 {
	margin:10px 0px 5px 0px;
	font-size:18px;
	line-height:21px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#59aac8;
}
div.login input .input-text{
	border:1px solid #3b6e22;
	color:#666666;
	width:180px;
}

div.login label{
	display:block;
	margin-bottom:10px;
	color:#555555;
}

div.login label span{
	display:block;
	float:left;
	padding-right:6px;
	width:70px;
	text-align:right;
	font-weight:bold;
}

div.login a {
	text-decoration:none;
	color:#bbbbbb;

}

div.login a:hover {
	color:#a2a2a2;

	text-decoration: underline;
}

.spacer{margin-left:80px; 
	margin-bottom:10px;
	font-size:11px;
	color:#555555;
}





input[type=text]{
background:#FFFFFF; border:1px solid #a09b96;
   width:173px; height:21px;
   font-size:1em;
}

input[type=password]{
background:#FFFFFF; border:1px solid #a09b96;
   width:173px; height:21px;
   font-size:1em;
}
input[type=file]{
background:#FFFFFF; 
border:1px solid #a09b96;
width:173px; height:21px;
font-size:1em;
}

select{
background:#FFFFFF; border:1px solid #a09b96;
   font-size:1em;
border:1px solid #a09b96;
}



/* ----------- Registration Form ----------- */
.registration{
	padding:14px;
	width: 450px;
}

p, h1, form, button{border:0; margin:0; padding:0;}
	#stylized{
	border:1px solid #d8d8d8;
	background-color: #f4f7f9;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}

	#stylized label{
		color:#00c8ff;
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		font-size:12px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:10px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized textarea{
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:250px;
		margin:2px 0 20px 10px;
	}

	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background-color:#00c8ff;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:13px;
		font-weight:bold;
	}

	#stylized select{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#stylized .terms{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:justify;
		margin-left:150px;
		width:250px;
	}
	#stylized .terms a{
		text-decoration: underline;
	}




.myform{
	margin:0 auto;
	width:450px;
	padding:14px;
	float: left;
}

p, h1, form, button{border:0; margin:0; padding:0;}
	#feedbackformbody{
		background:#ebf4fb;
	}
	#feedbackform{
		background:#ebf4fb;
	}
	#feedbackform h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}

	#feedbackform label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#feedbackform .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#feedbackform input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#feedbackform textarea{
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:250px;
		margin:2px 0 20px 10px;
	}
	#feedbackform select{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#feedbackform button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background-color:#00c8ff;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:13px;
		font-weight:bold;
	}

	#feedbackform .terms{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:justify;
		margin-left:150px;
		width:250px;
	}
	#feedbackform .terms a{
		text-decoration: underline;
	}











/* ---------------------------- */
/* AUTOSUGGEST	*/

#results{width:400px; border:solid 1px #DEDEDE; display:none;}
#results ul, #results li{padding:0; margin:0; border:0; list-style:none;}
#results li {border-top:solid 1px #DEDEDE;}
#results li a{display:block; padding:4px; text-decoration:none; color:#000000; font-weight:bold;}
#results li a small{display:block; text-decoration:none; color:#999999; font-weight:normal;}
#results li a:hover{background:#00c8ff; color:#ffffff; }
#results li a:hover small{color:#000000;}
#results ul {padding:6px;}



.LV_validation_message{
	font-size:10px;
       margin:0 0 0 5px;
}

.LV_valid {
    color:#144d14;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #144d14;
}
    
.LV_invalid_field, 
input.LV_invalid_field:active,
input.LV_invalid_field:hover,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}