/* ---------------------------------------------------- general */
/* ------------------------------------------------------------ */

body {
	color:			#366088;
	font-family:		arial,helvetica,sans-serif;
	line-height:		1.4em;
	font-size:		0.8em;
}

p {
	text-align:		justify;
}

a,  #contact #content a {
        color:			#366088;
        text-decoration:	none;
}

a:hover,  #contact #content a:hover {
        border-bottom:		1px solid #366088;
}

a img {
	border:			0;
}

img.bar {
	border:			1px solid #366088;
	color:			#FFF;
	padding:		1px;
}

h1 {
	line-height:		1em;
}

h2, div.componentheading, .contentheading {
	clear:			both;
	font-size:		1.1em;
	margin-bottom:		10px;
}

h2 a {
        color:			#FFF;
        text-decoration:	none;
}

h2 a:hover {
        border-bottom:		2px solid #FFF;
        padding:		4px;
}

form h3 {
	border-bottom:		1px dashed #598DC2;
	clear:			both;
	padding:		10px;
}

h4 {
	margin-left: 		10px;
}

li a  {
	color: 			#FFF;
	padding: 		2px;
	text-decoration: 	none;
}

li a:hover  {
	border-bottom: 		1px solid #FFF;
}

th {
	text-align:		left;
}

/* ---------------------------------------------------- layout */
/* ----------------------------------------------------------- */

#head {
	background-image: 	url("../image/template/headers.jpg");
	background-repeat:	no-repeat;
	height: 		126px;
	margin: 		30px auto 10px auto;
	width: 			745px;
}

#wrap {
	background-image: 	url("../image/template/wrap_bg.gif");
	background-repeat: 	repeat-y;
	border-left: 		1px solid #598DC1;
	border-right: 		1px solid #598DC1;
	margin: 		0 auto;
	width: 			741px;
	overflow: 		hidden;
}

#wrap_top {
	background-image: 	url("../image/template/wrap_top.gif");
	background-repeat: 	no-repeat;
	font-size: 		0;
	margin: 		auto ;
	padding: 		0;
	height: 		11px;
	width: 			743px;
}

#nav {
	float: 			left;
	width: 			159px;
}

#content {
	float: 			right;
	margin-right: 		10px;
	width: 			560px
}

#inner_wrap {
	margin: 		0;
	padding: 		0;
}

#foot {

	clear: 			both;
	margin: 		auto ;
	width: 			743px;
}

/* ------------------------------------------------------- nav */
/* ----------------------------------------------------------- */

#nav img.invest {
	border: 		0;
	clear: 			right;
	display: 		block;
	margin: 		0 auto 10px auto;
	padding: 		0;
}

#nav a img.warn {
	border: 		0;
	clear: 			right;
	display:		block;
	margin: 		auto;
	padding: 		20px 0 10px 0;
}

.menu {
	margin: 		0;
	padding: 		0;
}

.menu li {
	background-color: 	#598DC2;
	display: 		block;
	margin: 		1px 0 0 0;
	padding: 		5px;
	width: 			149px;
}

.menu .second {
	background-color: 	#366088;
	display: 		none;
	text-indent: 		4px;	
}

#you .menu .you, #us .menu .us, #cn .menu .cn, #paths .menu .cn, #careers .menu .cn  {
	display: 		block;
}

/* -------------------------------------------- content - home */
/* ----------------------------------------------------------- */

.infobox {
	float:			left;
	margin-top:		10px;
	width:			276px;
}

.infobox p {
	border-left:		1px solid #598DC2;
	border-right:		1px solid #598DC2;
	margin:			0 0 0 31px;
	padding:		5px 5px 60px 5px;
}

.infobox div.mid p {
	margin:			0 0 0 31px;
	padding:		5px;
}

.infobox .top {
	background-image:	url("../image/template/infobox_top.jpg");
	background-repeat:	no-repeat;
	color:			#FFF;
	height:			43px;
	margin-left:		31px;
	text-align:		center;
}

.infobox .top h2 {
	margin:			0px;
	padding:		5px;
}

.infobox .mid1 {
	background-image:	url("../image/template/1.jpg");
	background-repeat:	no-repeat;
	background-position:	0px 80px;
	height:			330px;
}

.infobox .mid2 {
	background-image:	url("../image/template/2.jpg");
	background-repeat:	no-repeat;
	background-position:	0px 80px;
	height:			330px;
}

.infobox .mid3 {
	background-image:	url("../image/template/3.jpg");
	background-repeat:	no-repeat;
	background-position:	0px 80px;
	height:			330px;
	text-align:		left;
}

.infobox .mid4 {
	background-image:	url("../image/template/4.jpg");
	background-repeat:	no-repeat;
	background-position:	0px 80px;
	height:			330px;
}

/* --------------------------------------- content - community */
/* ----------------------------------------------------------- */

img.photo {
	background-color:	#FFF;
	border:			1px solid #CCC;
	clear:			both;
	float:			left;
	margin:			0 10px 5px 0;
	padding:		2px;
}

/* ----------------------------------------- content - careers */
/* ----------------------------------------------------------- */

.info {
	float:			left;
	margin:			10px 0 50px 20px;
	width:			244px;
}

.info .top {
	background-image:	url("../image/template/infobox_top.jpg");
	background-repeat:	no-repeat;
	color:			#FFF;
	height:			43px;
	text-align:		center;
}

.info .top h2 {
	margin:			0px;
	padding:		5px;
}

.info .mid {
	border:			1px solid #598DC2;
	padding:		5px;
	height:			270px;
}

.info .mid p {
	margin:			0px;
	padding:		0 0 10px 0;
	text-align:		left;
}

.info img {
	float:			left;
	margin: 		0 10px;
}

.info img.right {
	float:			right;
	margin:			0;
}

.info .bot {
	background-image:	url("../image/template/infobox_bot2.jpg");
	background-repeat:	no-repeat;
	font-size:		0;
	height:			10px;
	width:			246px;
}

/* ----------------------------------- content - what its like */
/* ----------------------------------------------------------- */

#cn #content ul {
	width:			520px;
}

#cn #content img {
	float:			left;
	background-color:	#FFF;
	border:			1px solid #CCC;
        height:			82px;
	margin:			0 10px 5px 0;
	padding:		2px;
        width:			82px;
}

#cn #content div {
	display:		inline;
	font-size:		15px;
        line-height:		22px;
}

#cn #content strong {
	color:			#598DC2;
 	font-size:		20px;
}

#cn #content li {
	float:			left;
	list-style-type:	none;
	margin-bottom:		10px;
	width:			260px;
}

/* ------------------------------------ content - career paths */
/* ----------------------------------------------------------- */

.lrgtop {
        border: 		1px solid #598DC2;
        margin: 		10px 20px 0 20px;
        position:		relative;
        right: 			2px;
	width: 			510px;
}

.lrgtop div div {
        height: 		210px;
        overflow: 		auto ;
}

.lrgtop h2 {
        margin:			0;
        margin-bottom:		0px;
	background-color:	#598DC2;
	width:			496px;
	color:			#FFFFFF;
	padding:		5px 7px
}

.lrgtop p {
        padding:		0 10px;
        text-align:		left;
}

.lrgtop img {
        float:			right;
}

ul.products li {
	background-image:	url("../image/template/tab.jpg");
        background-position:	bottom;
        text-align:		center;
        height:			30px;

padding-top:			10px;
}


ul.products li a {
        color:			#FFFFFF;    
}

ul.products li a:hover {
       border-bottom:		1px solid #FFFFFF;
 	color:			#FFF;    
}

/* hmmmmm */

ul.products {
	margin:			0;
	padding:		0;
}

ul.products li {
	color:			#CCC;
	float:			left;
	list-style-type:	none;
	margin:			20px 0 0 20px;
	width:			245px;
}

ul.products .top {
	background-color:	#598DC2;
	background-image:	url("../image/template/infobox_top.jpg");
	background-repeat:	no-repeat;
	padding:		5px;
	text-align:		center;
}

ul.products .midnp {
	background-image:	url("../image/photo/magazine.jpg");
	background-repeat:	no-repeat;
	border-left:		1px solid #598DC2;
	border-right:		1px solid #598DC2;
	padding:		0px 10px 0 0 ;
	text-align:		right;
}

ul.products .midra {
	background-image:	url("../image/photo/radio.jpg");
	background-repeat:	no-repeat;
	border-left:		1px solid #598DC2;
	border-right:		1px solid #598DC2;
	padding:		0px 10px 0 0 ;
	text-align:		right;
}

ul.products .midon {
	background-image:	url("../image/photo/media.jpg");
	background-repeat:	no-repeat;
	border-left:		1px solid #598DC2;
	border-right:		1px solid #598DC2;
	padding:		0px 10px 0 0 ;
	text-align:		right;
}

ul.products .midre {
	background-image:	url("../image/photo/market.jpg");
	background-repeat:	no-repeat;
	border-left:		1px solid #598DC2;
	border-right:		1px solid #598DC2;
	padding:		0px 10px 0 0 ;
	text-align:		right;
}

ul.products .midev {
	background-image:	url("../image/photo/contract.jpg");
	background-repeat:	no-repeat;
	border-left:		1px solid #598DC2;
	border-right:		1px solid #598DC2;
	padding:		0px 10px 0 0 ;
	text-align:		right;
}

ul.products .midlb {
	background-image:	url("../image/photo/letterbox.jpg");
	background-repeat:	no-repeat;
	border-left:		1px solid #598DC2;
	border-right:		1px solid #598DC2;
	padding:		0px 10px 0 0 ;
	text-align:		right;
}

ul.products .midtr {
	background-image:	url("../image/photo/events.jpg");
	background-repeat:	no-repeat;
	border-left:		1px solid #598DC2;
	border-right:		1px solid #598DC2;
	padding:		0px 10px 0 0 ;
	text-align:		right;
}
ul.products .midpr {
	background-image:	url("../image/photo/want.jpg");
	background-repeat:	no-repeat;
	border-left:		1px solid #598DC2;
	border-right:		1px solid #598DC2;
	padding:		0px 10px 0 0 ;
	text-align:		right;
}

ul.products .bot {
	background-image:	url("../image/template/infobox_bot.jpg");
	background-repeat:	no-repeat;

	height:			20px;
	text-align:		center;
}

ul.products a {
	color:			#598DC2;
}

ul.products a:hover {
	border-bottom:		1px solid #598DC2;
	color:			#598DC2;
}

ul.products .top a {
	color:			#FFFFFF;
}

/* ---------------------------------------- content - employee */
/* ----------------------------------------------------------- */

#employee h2 {
	background:		#598DC2 url('../image/template/employee_header.jpg') no-repeat;
	color:			#FFFFFF;
	margin:			0 0 5px 0;
	padding:		5px 10px;
}

#employee .left p {
	padding:		0 10px 10px 10px;
}

#employee .left, #employee .right {
	background:		#EEEEEE url('../image/template/employee_bot.jpg') no-repeat bottom;
	float:			left;
	height:			160px;
	margin:			0 0 15px 0;
	width:			270px;
}

#employee .right {
	float:			right;
	margin-right:		5px;
}

#employee .left a, #employee .right a {
	display:		block;
	margin:			0 10px;
	padding-bottom:		1px;
}

#employee a:hover {
	padding-bottom:		0;
}

#emergency ul {
	list-style:		none;
	margin:			0;
	padding:		0;
}

#emergency li {
	margin:			5px 0;
	padding:		0;
}

#emergency li a {
	background:		#EEEEEE;
	color:			#598EC2;
	display:		block;
	padding:		3px 26px;
}

#employee #emergency li a:hover {
	background:		#ddd;
	border:			0;
	padding:		3px 26px;
}

/* ------------------------------------------ content - manual */
/* ----------------------------------------------------------- */

#manual #content ul {
	list-style:		none;
	margin:			10px;
	padding:		0;
}

#manual #content li {
	float:			left;
	width:			270px;
}

#manual #content li a {
	border:			0;
	color:			#598DC2;
	display:		block;
	font-size:		0.9em;
	margin:			5px;
}

#manual #content li a:hover {
	text-decoration:	underline;
}

#manual #content li a img {
	border:			0;
	margin:			0 5px 0 0;
	vertical-align:		middle;
}

#manual a.templates {
	border:			0;
	clear:			both;
	display:		block;
	padding:		20px 0 0 20px;
}

#manual a.templates:hover {
	text-decoration:	underline;
}

/* ---------------------------------------- content - template */
/* ----------------------------------------------------------- */

#template h2 {
	background:		#598DC2 url('../image/template/employee_header.jpg') no-repeat;
	color:			#FFFFFF;
	margin:			0 0 5px 0;
	padding:		5px 10px;
}

#template .left p {
	padding:		0 10px 10px 10px;
}

#template .left, #template .right {
	background:		#EEEEEE url('../image/template/employee_bot.jpg') no-repeat bottom;
	float:			left;
	height:			415px;
	margin:			0 0 15px 0;
	width:			270px;
}

#template .right {
	float:			right;
	margin-right:		5px;
}

#template .left a, #employee .right a {
	display:		block;
	margin:			0 10px;
	padding-bottom:		1px;
}

#template a:hover {
	padding-bottom:		0;
}

/* --------------------------------------- content - vacancies */
/* ----------------------------------------------------------- */

#vac table {
	width:			550px;
}

#vac .referance, #vac .location, #vac .salary {
	width:			20%;
	
}

.location {
	margin-bottom:		10px;
}

#vac .title {
	width:			60%;
}

/* --------------------------------------------- content - job */
/* ----------------------------------------------------------- */

#job .title, #job .referance {
	clear:			left;
	float:			left;
}

#job .title {
	border-bottom:		2px solid #366088;
	font-size:		2em;
	font-weight:		bold;
	line-height:		1em;
	margin-bottom:		2px;
	padding:		10px 0 7px;
	width:			100%;
}

#job .salary, #job .company {
	float:			right;
}

#job p {
	clear:			both;
	margin:			0 0 10px 0;
	padding:		0;
}



#job #content #options {
	border-top:		3px double #EEEEEE;
	padding:		10px 0;
}

#job #content #options li {
	display:		inline;
	float:			right;
	margin-left:		10px;

	padding-left:		10px;
}


#job #content a:hover, #apply #content a:hover {
	border-bottom:		1px solid #366088;
}
#job #content a, #apply #content a {
	color:			#366088;
}

/* --------------------------------------------- content - app */
/* ----------------------------------------------------------- */

div.col {
	float:			left;
	margin:			10px 0;
	width:			270px;
}

#app h3 {
	border-bottom:		1px dashed #598DC2;
	clear:			both;
	padding:		10px;
}

#app input, #app select {
	border:			1px solid #999999;
	display:		block;
	margin:			4px 0 0 10px;
	width:			240px;
}

#app input.radio {
	border:			0;
	display:		inline;
	margin:			0 10px;
	position:		relative;
	top:			4px;
	width:			15px;
}

#app input.button {
	clear:			right;
	display:		inline;
	margin:			10px;
	width:			100px;
}

#app input.checkbox {
	border:			0;
	display:		inline;
	width:			10px;
}

form br {
	display:		none;
}

#app textarea {
	border:			1px solid #999999;
	display:		inline;
	margin:			4px 30px 0 10px;
	padding:		2px;
}

form label, form p {
	clear:			both;
	display:		block;
	font-size:		0.9em;
	font-weight:		bold;
	margin:			10px 10px 0;
	padding:		0;
}

#app form h4 {
	border-bottom:		1px solid #DFE1E3;
	display:		block;
	margin:			20px 10px 0;
	padding:		0;
}

#app label span {
	color:			red;
	
}

/* ----------------------------------------- content - employee */
/* ----------------------------------------------------------- */

#employee #emergency {
	border-bottom:		1px solid #CC3433;
	padding-bottom:		5px;
}

#employee #emergency h2{
	background:		#EEEEEE url('../image/template/emergency.jpg') no-repeat top;
}

/* ------------------------------------------- content - admin */
/* ----------------------------------------------------------- */

#admin #inner_wrap {
	padding:		0 88px;
}

#admin h1 {
	margin-left:		80px;
}

#admin td {
	width:			250px;
}

#admin td.label {
	text-align:		right;
	padding:		5px 5px 0 0;
	vertical-align:		top;
	width:			50px;
}

#admin input {
	border:			1px solid #598EC2;
	margin:			2px 4px;
	padding:		2px;
	width:			250px;
}

#admin select {
	border:			1px solid #598EC2;
	margin:			2px 4px;
	padding:		1px;
	width:			255px;
}

#admin button {
	background:		#598EC2;
	border:			0;
	color:			#FFFFFF;
	display:		inline;
	margin:			2px 4px;
	padding:		2px;
	text-align:		center;
	width:			110px;
}

#admin .inputbox, #admin label {
	color:			#333333;
	display: 		inline;
	font-weight:		normal;
	margin:			8px 0px 8px 4px;
	width:			20px;
}

#admin #select {
	vertical-align:		top;
}

#admin #select div {
	border:			1px solid #598EC2;
	height:			500px;
	line-height:		1em;
	margin-top:		9px;
	padding:		5px;
	overflow-y: 		scroll;
	overflow-x: 		hidden;
	width:			290px;
}

#admin #select div a {
	display:		block;
	margin:			0;
	padding:		5px;
}

#admin #select div a:hover {
	background:		#DFE1E3;
	border:			1px solid #598EC2;
	padding:		4px;
}

#admin #select div a img {
	border:			0;
	height:			13px;
	margin:			0 5px 0 0;
	position:		relative;
	top:			-1px;
	vertical-align:		middle;
}

/*


#admin #select select {
	margin-top:		9px;
	width:			290px;
}
*/

.defaultSimpleSkin table.mceLayout {
	border:			1px solid #598EC2;
	margin:			2px 4px;
}

#admin #new {
	background:		#598EC2;
	color:			#FFFFFF;
	padding:		3px 28px;
}

#admin .upload:hover {
	cursor:			pointer;
}

#admin #job, #admin #spec, #admin #app   {
	background:		url('../image/template/trance80.png');
	display:		none;
	position:		absolute;
	height:			960px;
	top:			0;
	left:			0;
	width:			100%;
}

#admin #job form, #admin #spec form, #admin #app form {
	background:		#FFFFFF;
	border:			1px solid #598EC2;
	margin:			200px auto;
	padding:		10px;
	width:			300px;
}

#admin #job form strong, #admin #spec form strong, #admin #app form strong {
	display:		block;
	font-size:		1.4em;
	margin:			0 0 10px 0;
}

#admin #job form strong a, #admin #spec form strong a, #admin #app form strong a {
	float:			right;
}

#admin #job form strong a img {
	margin:			1px;
	width:			15px;
}

#admin #job form strong a:hover {
	border:			0;
}

#admin #job form strong a:hover img {
	margin:			0;
	width:			17px;
}

#admin #job button {
	margin-top:		10px;
}

/* -------------------------------------- content - alertadmin */
/* ----------------------------------------------------------- */

#alertadmin #inner_wrap {
	padding:		0 100px;
}

#alertadmin h1 {
	margin-left:		80px;
}

#alertadmin td {
	width:			250px;
}

#alertadmin td.label {
	text-align:		right;
	padding:		5px 5px 0 0;
	vertical-align:		top;
	width:			100px;
}

#alertadmin input {
	border:			1px solid #598EC2;
	margin:			2px 4px;
	padding:		2px;
	width:			250px;
}

#alertadmin select {
	border:			1px solid #598EC2;
	margin:			2px 4px;
	padding:		1px;
	width:			255px;
}

#alertadmin button {
	background:		#598EC2;
	border:			0;
	color:			#FFFFFF;
	display:		inline;
	margin:			2px 4px;
	padding:		2px;
	text-align:		center;
	width:			110px;
}

#alertadmin .inputbox, #alertadmin label {
	color:			#333333;
	display: 		inline;
	font-weight:		normal;
	margin:			8px 0px 8px 4px;
	width:			20px;
}

#alertadmin #select {
	vertical-align:		top;
}

#alertadmin #select div {
	border:			1px solid #598EC2;
	height:			500px;
	line-height:		1em;
	margin-top:		9px;
	padding:		5px;
	overflow-y: 		scroll;
	overflow-x: 		hidden;
	width:			290px;
}

#alertadmin #select div a {
	display:		block;
	margin:			0;
	padding:		5px;
}

#alertadmin #select div a:hover {
	background:		#DFE1E3;
	border:			1px solid #598EC2;
	padding:		4px;
}

#alertadmin #select div a img {
	border:			0;
	height:			13px;
	margin:			0 5px 0 0;
	position:		relative;
	top:			-1px;
	vertical-align:		middle;
}

/*


#alertadmin #select select {
	margin-top:		9px;
	width:			290px;
}
*/

.defaultSimpleSkin table.mceLayout {
	border:			1px solid #598EC2;
	margin:			2px 4px;
}

#alertadmin #new {
	background:		#598EC2;
	color:			#FFFFFF;
	padding:		3px 28px;
}

#alertadmin .upload:hover {
	cursor:			pointer;
}

#alertadmin #job, #alertadmin #spec, #alertadmin #app   {
	background:		url('../image/template/trance80.png');
	display:		none;
	position:		absolute;
	height:			960px;
	top:			0;
	left:			0;
	width:			100%;
}

#alertadmin #job form, #alertadmin #spec form, #alertadmin #app form {
	background:		#FFFFFF;
	border:			1px solid #598EC2;
	margin:			200px auto;
	padding:		10px;
	width:			300px;
}

#alertadmin #job form strong, #alertadmin #spec form strong, #alertadmin #app form strong {
	display:		block;
	font-size:		1.4em;
	margin:			0 0 10px 0;
}

#alertadmin #job form strong a, #alertadmin #spec form strong a, #alertadmin #app form strong a {
	float:			right;
}

#alertadmin #job form strong a img {
	margin:			1px;
	width:			15px;
}

#alertadmin #job form strong a:hover {
	border:			0;
}

#alertadmin #job form strong a:hover img {
	margin:			0;
	width:			17px;
}

#alertadmin #job button {
	margin-top:		10px;
}

#alertadmin .check {
	margin-top:		10px;
	width:			20px;
}

#alertadmin ul {
	list-style:		none;
	margin:			0;
	padding:		0;
}

#alertadmin ul input {
	border:			0;
}






/* ------------------------------------------------------ foot */
/* ----------------------------------------------------------- */

#foot p {
	background-color:	#598EC2;
	color: #FFF;
	font-style: 		italic;
	font-weight: 		bold;
	text-align: 		center;
	margin: 		0;
	padding-top: 		10px;

}



#foot div {
	background-image: 	url("../image/template/foot_top.gif");
	background-repeat: 	no-repeat;
	border-left: 		1px solid #598DC1;
	border-right: 		1px solid #598DC1;
	display: 		block;
	height: 		30px;
}

#foot span {
	background-image: 	url("../image/template/foot_bot.gif");
	background-repeat: 	no-repeat;
	display: 		block;
	height: 		11px;
}

#foot a {
	color:			#FFF;
	padding-bottom:		2px;
}

#foot a:hover {
	border-bottom:		1px solid #FFF;
}



.green {
	background:		#666633;
	color:			#000000;
}

.red {
	background:		#CC6666;
	color:			#000000;
}

.red_text {
	color:			red;
}