/* @group Links */
a {
	color: 				#003975;	
}
a,
a:active {
	text-decoration: 	underline;
}
a:visited {
	/*color: 				#666;*/
}
a:hover {
	color: 				#f78a1f;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: 	none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: 				#f78a1f;
}
a.more, 
a.more:hover {
	background: 		url(/images/icons/more.gif) no-repeat right 50%;
	padding-right:		20px;
}
a.back, 
a.back:hover {
	background: 		url(/images/icons/back.gif) no-repeat left 50%;
	padding-left:		20px;
}
.clearall {
	clear: 				both;
}
/* @end */



img.screen {
/*	border-top: 		1px solid #999;
	border-bottom: 		5px solid #f68b1f;*/
}

.split_left {
	padding: 			0.5em 20px 0.5em 0;
	float: 				left;
}
.split_right {
	border-left: 		1px solid #CCC;
	padding: 			0.5em 0 0.5em 20px;
	float: 				right;
}
.split_right:after {
  content:  ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* @group Boxes */
.left_box {
	float:				left;
	width:				275px;
}

.right_box {
	float:				right;
	width:				275px;
}
div.box {
	font-size: 			1.1em;
	padding: 			1em;
	color: 				#222;
	background: 		#e8efd5;
	margin-bottom: 		2em;
	border-bottom: 		5px solid #a6ce39;
}
div.box a {
	color: 				#003975;
}
div.box h3 {
	margin-top: 		0;
}
/* @end */



/* @group Images */
img.left {
	float: 				left;
	margin-right: 		1em;
}
img.right {
	float: 				right;
	margin-left: 		1em;
}
/* @end */



/* @group Experience */
div.example {
	/*border-top: 		5px solid #eef3fa;
	border-bottom: 		1px solid #eef3fa;*/
}
/* @end */



/* @group Forms */
fieldset {
	margin-bottom: 		2em;
}
legend {
	font-size: 			1.25em;
	font-weight: 		bold;
	color: 				#CCC;
	display: 			block;
}
#Content fieldset p {
	margin-bottom: 		1em;
}
fieldset label {
}
fieldset input,
fieldset textarea {
	font-family: 		"Times New Roman";
	font-size: 			1.5em;
	width: 				275px;
	display: 			block;
	background: 		url(/images/input_bg.gif) repeat-x top;
	border: 			1px solid #CCC;
	padding: 			0.25em;
}
fieldset textarea {
	height: 			6em;
}
fieldset input:focus,
fieldset textarea:focus {
	background: 		#F2F3F4;
	border: 			1px solid #999;
}
fieldset input.radio,
fieldset input.checkbox {
	width: 				auto;
}
input.submit {
	clear: 				both;
	width: 				auto;
	border: 			none;
}
/* @end */



/* @group Tables */
table {
  border-collapse: 		collapse;
  /*border-top: 			1px solid #c0c5e6;
  border-left: 			1px solid #c0c5e6;*/
  margin-bottom: 		1em;
}
th,
td {
  padding: 				2px;
  /*border-right: 		1px solid #c0c5e6;
  border-bottom: 		1px solid #c0c5e6;*/
}
th.center,
td.center {
  text-align: 			center;
}
th.right,
td.right {
  text-align: 			right;
}
th {
  font-weight: 			bold;
  text-align: 			left;
  color: 				#263e72;
  background-color: 	#e2e3e6;
}
td {
  color: 				black;
}
/* @end */



/* @group Accordion */
.toggler {
	background: 		url(/images/bg_neutral.jpg) repeat-x;
	margin-bottom: 		-2px;
}
span.new {
  background: url(/images/neu.png) no-repeat 300px 50%;
  display: block;
}
.toggler a {
	display: 			block;
	text-decoration: 	none;
	padding: 			1em 1em 1em 2em;
	border-bottom: 		1px solid #CCC;
	color: 				#999;
	background: 		url(/images/icons/arrow_up.gif) no-repeat 575px 50%;
}
.toggler a:hover {
	color: 				#f78a1f;
	background: 		#EEE url(/images/icons/arrow_up.gif) no-repeat 575px 50%;
}
.toggler span.new a:hover {
	background: transparent url(/images/icons/arrow_up.gif) no-repeat 575px 50%;
}
.toggler h3 {
	color: 				#999;
}
.selected {
	background: 		url(/images/bg_over.jpg) repeat-x;	
}
.selected a {
	color: 				#003975;
	background: 		url(/images/icons/arrow_down.gif) no-repeat 575px 50%;
	border-bottom: 		1px solid #999;
}
.selected a:hover {
	color: 				#003975;
	background: 		#e3e9f0 url(/images/icons/arrow_down.gif) no-repeat 575px 50%;
}
.selected h3 {
	color: 				#f78a1f;
}
.element {
	overflow: 			hidden;
	background: 		#EEE url(/images/bg_box.jpg) repeat-x bottom;
}
.description {
	padding: 			1em 2em;
}
#ScreenshotContainer {
	border: 			1px solid red;
}
/* @end */



/* @group Notice */
.notice {
	padding: 			1em;
	display: 			block;
	background: 		#FFC;
	color: 				#f78a1f;
}
/* @end */


/* @group Lists */
ul.logos {
	float: 				left;
	margin: 			2em 0 0 0;
	padding: 			0;
}
ul.logos li {
	list-style: 		none;
	background: 		none;
	margin: 			0 1em 1em 0;
	padding-left: 		0;
	float: 				left;
}
ul.client_logos {
	margin-left: 		0;
}
ul.client_logos li {
	padding-left:		0;
	list-style:			none;
	width: 				120px;
	height: 			70px;
	float: 				left;
	/*background: 		#CCC;*/
	margin: 			0 25px 25px 0;
}
ul.list li {
  list-style: square;
  padding: 0;
  margin: 0 0 1em 2em;
}
ul.list li ul li {
  margin: 0.5em;
}
ol {
  margin: 0 0 1em 2em;
}
ol li {
  margin: 0.5em;
  line-height: 1.5em;
}
/* @end */