HTML {

	BACKGROUND-IMAGE: url(../images/background.png); 
	BACKGROUND-COLOR: #d8ebee; 
	WIDTH: 100%; 
	BACKGROUND-REPEAT: repeat-x;  
	HEIGHT: 100%; 
	FONT-SIZE: 13px;

}

body {
	background:none !important;
	FONT-FAMILY: arial, sans-serif !important; 
	line-height: 1.3em;
}

#all {
	line-height:normal;
	MIN-WIDTH: 960px; 
	MARGIN: auto; 
	WIDTH: 90%; 
	MAX-WIDTH: 1200px;

}

#left-menu {

	PADDING: 5px; 
	MARGIN: 61px 0px 20px 20px; 
	WIDTH: 160px; 
	FLOAT: left; 

}

#left-menu H1 {

	BORDER-BOTTOM: silver 1px solid; 
	MARGIN: 0px; 
	FONT-SIZE: 110%

}

#left-menu UL {

	BORDER-BOTTOM: #838383 1px solid; 
	BORDER-LEFT: #838383 0px solid; 
	PADDING-BOTTOM: 0px; 
	LIST-STYLE-TYPE: none; 
	MARGIN: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #838383 1px solid; 
	LIST-STYLE-IMAGE: none; 
	BORDER-RIGHT: #838383 0px solid; 
	PADDING-TOP: 0px;
	font-weight: bold;
	color: #555555;

}

#left-menu UL UL li a {
	BACKGROUND-COLOR: white; 
	LIST-STYLE-TYPE: none; 
	MARGIN: 0px; 
	PADDING-LEFT: 20px; 
	DISPLAY: block; 
	LIST-STYLE-IMAGE: none;
	color:#000000;
	font-weight: normal;
}

#left-menu li>ul {
	border:0;
}

#left-menu UL LI A {

	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-RIGHT: 3px; 
	DISPLAY: block; 
	COLOR: #333333; 
	TEXT-DECORATION: none; 
	PADDING-TOP: 3px;

}

#left-menu LI:first-child {

	BORDER: 0px;

}

#left-menu LI {

	BORDER-TOP: 1px dotted;

}

#left-menu UL LI A:hover {

	BACKGROUND-COLOR: #e6e6e6; 
	DISPLAY: block;

}

#main-content-area {

	BACKGROUND-COLOR: white; 
	MARGIN: 0px 13px; 
	MIN-HEIGHT: 400px;

}

#content-web-vswarm {

	PADDING-BOTTOM: 40px; 
	MIN-HEIGHT: 400px; 
	PADDING-LEFT: 0px; 
	
	PADDING-RIGHT: 30px; 
	MARGIN-LEFT: 243px; 
	PADDING-TOP: 40px;

}

#content-web-vswarm A {

	COLOR: #0070c9;
	TEXT-DECORATION: underline;

}

#content-web-vswarm A:hover {

	BACKGROUND-COLOR: #e6e6e6; 

}
/*
#content-web-vswarm >.bodytext,
#content-web-vswarm>h1, 
#content-web-vswarm>h2,
#content-web-vswarm>h3, 
#content-web-vswarm>h4,
#content-web-vswarm>.csc-header,
.csc-textpic-text>.bodytext,
#content-web-vswarm ol,
#content-web-vswarm ul {
	width:400px;
} 

*/
#content-web-vswarm>.csc-default>.bodytext,
#content-web-vswarm>.csc-default>h1, 
#content-web-vswarm>.csc-default>h2,
#content-web-vswarm>.csc-default>h3, 
#content-web-vswarm>.csc-default>h4,
#content-web-vswarm>.csc-default>.csc-header,
.csc-textpic-text>.bodytext,
#content-web-vswarm ol,
#content-web-vswarm ul {
    width:400px;
} 

#content-web-vswarm li>p {
	padding:1px 0px;
	margin:2px 10px;
}

#content-web-vswarm P {
	line-height:1.5em;
	MARGIN: 1em 10px 1em 0px;
}

#right-content {
	float:right;
	width:35%;
min-width:200px;
	padding:5px;
	margin-top:23px;
}

#right-content ol {
width: 200px;
padding:0px 20px;
margin:0px;
}
#right-content ol li {
padding: 6px 0px;
margin:0px;
}

#vswarm-logo-tweet {
	width:190px;
	height:70px;
	background-image:url(../images/icons/tweet-header.png);
	background-repeat:no-repeat;
}

#vswarm-logo-tweet a {
	display:	block;
	height:		100%;
}

#vswarm-logo-tweet a:hover {
background-color:transparent;

}

#tweet {
	
	padding: 0px 0px ;
}

#tweet ul {
	padding:0;
	margin:0;
	list-style:none;
	width:190px;
}

#tweet li {
	margin:10px 0px;
}

.csc-textpic-imagewrap {

	MARGIN: 10px 10px 5px 10px;

}

H1 {

	MARGIN: 1em 0em 0.5em 0em;
	COLOR: #1598ff; 
	FONT-SIZE: 180%;

}

H1 A {

	COLOR: #1598ff; 
	TEXT-DECORATION: none;

}

 H2 {

	MARGIN: 1em 0em 0.5em 0em;
	color: #4d4d4d;
	FONT-SIZE: 140%;
	font-weight:normal;

}

H3 {

	MARGIN: 1em 0em 0.5em 0em;
	COLOR: #4d4d4d;
	FONT-SIZE: 120%;
	FONT-WEIGHT: normal;

}

.myUnorderedList {

	LIST-STYLE-IMAGE: url(../images/icons/unordered-list.png);

}

.three-steps>div {
	width:170px;
	min-height:190px;
	vertical-align:top;
	display: inline-block;
	margin:0px 5px 0px 0px;
	background-color:#fafafa;
	border: 1px solid #ececec;
	padding:0px 10px 5px 10px; 
}

.three-steps .csc-textpic-imagewrap {
	padding-top:20px;
}
.three-steps H1 {
	margin-top:10px;
}
/*
.three-steps>div:hover {
	background-color:#ececec;
	border: 1px solid silver;
}
*/

#content-web-vswarm .three-steps a {
	text-decoration:none;
}

#content-web-vswarm .three-steps a:hover {
	background-color:#ececec;
	text-decoration:underline;
}

#update-field {
	width:400px;
	text-align:right;
	font-size:9px;
	margin: 0px 0px 0px 240px; 
	padding: 0px 0px 20px 0px;
}

#right-content .csc-mailform {
	border:0;
	margin:0;
	padding:0;

}

.hidden {
	display:none;
}

#right-content input[type="submit"] {
	clear:both;
	float:none;
	display:block;
	width:auto;
}


#right-content input,
#right-content label, 
#right-content select,
#right-content textarea { 
	display: block;
	float: left;
	width: 130px; 
}
#right-content label {
	width:90px;
	font-weight:bold;
	text-align:right;
	margin-right:10px;
}

#right-content .csc-mailform.activated {
background-color:white;
padding:10px;
border:2px solid black;
	position: absolute;
	width:300px;
	top:0px;
	left:40%;
	z-index:10;
}

#right-content .csc-mailform.activated input,
#right-content .csc-mailform.activated label,
#right-content .csc-mailform.activated select, 
#right-content .csc-mailform.activated textarea {
	width:45%;
}
#right-content .csc-mailform.activated input[type="submit"] {
	width:auto;
}

#overlay {
	opacity:0.4;
	z-index:9;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:black;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	
}



#feedback {

	padding:0px;
	background-image:url(../images/icons/feedback-icon.png);
	background-position:top right;
	background-repeat:no-repeat;
	display:block;
	width:200px;
	height:100px;
	position:absolute;
	z-index:2;

	
}
#feedback h3 {
	padding:0px;
	color: #585858; 
	margin-top:30px;
	padding-top:0;
	margin-left:0px;
}
div.view dd {
	margin-left: 17em;
}

div.paging {
	padding: 20px 0px 0px 0px ;
}

#content-web-vswarm .actions ul {
	width: 100%;
	background-color: #ccebdd;
	margin-bottom: 10px;
	border-width: 1px 0px;
	border-style: solid;
	border-color:silver;
}

#content-web-vswarm .actions li {
	padding: 0px 7px;
}

#content-web-vswarm .actions li a {
	background-color:transparent;
}

#content-web-vswarm .actions li a:hover {
	text-decoration:none;
}


.statistics p {
	max-width:630px;
}

.rankingImage {
	width:555px;
	background-color: #f9f9f9;
	padding:20px 0px;
	margin: 0px 0px 30px 0px;
	border-width: 1px 0px;
	border-style:solid;
	border-color:silver;
}

#rankingImageBox {
	margin:25px 0px;
}

.rankingImage textarea {
	color:silver;
	display:block;
	font-size:100%;
	height:110px;
	width:550px;
	background-color:white;
	border:1px solid silver;
}

.rankingImage img {
	margin:0px 0px 10px 0px;
}

.rankingImage h2 {
	background-color:white;
	text-align:left;
}

#content-web-vswarm .rankingImage a:hover {
	background-color:transparent;
}

#content-web-vswarm .rankingImages img {
	margin:8px 10px 10px 0px;
	width:70px;
	float:left;
}

.jobparts .actions li:first-child {
	font-weight: bold;
}

.jobparts .actions li:first-child {
	font-weight: bold;
}

div.callToAction {
	
	width:400px; 
	padding:0px 10px;
	background-color: #efefef;
	border-width: 1px 0px; 
	border-style:solid;
	border-color:silver;
}