body
{ 
	margin:0;
	padding:0;
	background:#2c2c2c url(/gfx/bg.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CCC;
}

form, h1, h2, h3, h4, h5, p { margin:0;padding:0; }
img { border:0; }
table { width:100%; }
a, a:visited { color:#FFF; }
p { color:#FFF; }

a.url
{
	background:url(/gfx/url-goto.png) no-repeat;
	padding-right:14px;
	background-position:100% 50%;
}

ul li
{
	margin-bottom:5px;
	color:#EEE;
}

.content h3
{
	font-size:26px;
	color:#96d3d3;
	font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
	font-weight:normal;
	margin-bottom:10px;
	text-shadow: 1px 1px 2px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
}

.content h4
{
	font-size:15px;
	margin-bottom:5px;
	color:#96d3d3;
	text-shadow: 1px 1px 2px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
}

.footer h3
{
	font-family:Arial;
	font-size:14px;
	padding-bottom:2px;
}

p.large
{
	font-size:22px;
	color:#B9B9BA;
	line-height:26px;
	font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
	text-shadow: 1px 1px 2px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
}

.wrapper
{
	width:960px;
	margin:0 auto;
}

.global-cnt
{
	position:relative;
}

.header
{
	padding-top:25px;
}

.header .col1
{
	float:left;
	width:400px;
}

.header .col2
{
	position:relative;
	width:560px;
	float:right;
	text-align:right;
}

.header .col2 .user-container
{
	position:absolute;
	top:-25px;
	right:0px;
	font-size:11px;
	background-color:#333;
	padding:5px;
}

.header .col2 ul
{
	margin:0;
	padding:0;
	list-style:none;
	margin-top:11px;
}

.header .col2 li
{
	display:inline-block;
	background:url(/gfx/seperator.png) no-repeat;
	background-position:100% 3px;
	padding:0 15px;
}

.header .col2 li.last
{
	background:none;
	padding-right:0px;
}

.header .col2 li a,
.header .col2 li a:visited
{
	font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
	font-size:15px;
	text-decoration:none;
	text-shadow: 1px 1px 2px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
}

.header .col2 li a:hover,
.header .col2 li.active a
{
	color:#96d3d3;
}

.header .col2 li.active a
{
	font-weight:bold;
}

.content
{
	padding-bottom:40px;
}

.footer
{
	border-top:1px solid #373737;
	background-color:#0a0a0a;
	font-size:12px;
}

.pattern
{
	height:45px;
	background:url(/gfx/body-pattern.png);
}

.footer .wrapper
{
	padding:10px 0px;
}

.col
{
	float:left;
}

.footer .wrapper .col1
{
	width:480px;
	font-size:11px;
}

.footer .wrapper .col2
{
	width:480px;
	text-align:right;
}

.footer .wrapper .col2 ul
{
	margin:0;
	padding:0;
	list-style:none;
}

.footer .wrapper .col2 ul li
{
	display:inline-block;
	margin-left:10px;
	margin-bottom:0;
}

.body-pattern
{
	background:url(/gfx/body-pattern.png);
}

div.seperator
{
	background:url(/gfx/seperator-scissor.png) no-repeat;
	width:960px;
	height:24px;
	margin-top:10px;
	margin-bottom:20px;
}

div.img-controls
{
	padding:0px 5px;
	position:absolute;
	top:10px;
	right:10px;
	background:url(/gfx/slider/img-bg.png) repeat-x;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 0px 2px #FFF;
	-moz-box-shadow: 0px 0px 0px 2px #FFF;
	box-shadow: 0px 0px 0px 2px #FFF;
}

div.img-controls ul
{
	margin:0;
	padding:0;
	list-style:none;
	height:25px;
}

div.img-controls ul li
{
	display:inline-block;
	padding-top:2px;
	margin-bottom:0;
}

div.img-controls ul li a,
div.img-controls ul li a:visited
{
	height:18px;
	background:url(/gfx/slider/dot.png) no-repeat;
	display:block;
	width:18px;
}

div.img-controls ul li.active a,
div.img-controls ul li.active a:visited

{
	background-position:0px -23px;
}

.slider
{
	position:relative;
	height:365px;
	margin-bottom:30px;
}

.slider ul
{
	list-style:none;
	margin:0;
	padding:0;
}

.slider .bg
{
	position:absolute;
	top:-30px;
	left:-48px;
	width:1057px;
	height:419px;
	background:url(/gfx/slider/bg.png) no-repeat;
}

.slider .bg .cnt
{
	position:relative;
	width:943px;
	height:308px;
	margin-left:56px;
	margin-top:70px;
}

.slider .bg .cnt div.info
{
	position:absolute;
	bottom:1px;
	left:0;
	right:0;
}

.slider .bg .cnt div.info h4
{
	font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
	position:absolute;
	top:-35px;
	background:url(/gfx/slider/title.png) repeat-x;
	height:25px;
	padding:17px 28px 0px 20px;
	font-size:16px;
	background-position:100% 0;
	text-shadow: 1px 1px 1px #000;
	filter: dropshadow(color=#000, offx=1, offy=1);
	color:#FFF;
}

.slider .bg .cnt div.info div.description
{
	background:url(/gfx/slider/description-bg.png) repeat-x;
}

.slider .bg .cnt div.description p
{
	padding:20px 20px 10px 20px;
	color:#000;
	font-weight:bold;
	text-shadow: 1px 1px 1px #FFF;
	filter: dropshadow(color=#FFF, offx=1, offy=1);
	font-size:12px;
}

.columns h4
{
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
	margin-bottom:15px;
	text-shadow: 1px 1px 2px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
}

p
{
	line-height:19px;
	font-size:14px;
}

/* Input */
div.input
{
	display:inline-block;
	position:relative;
	background:url(/gfx/input/bg.png) repeat-x;
	height:27px;
	width:320px;
	padding-right:10px;
	text-align:center;
}

div.input span
{
	display:block;
	position:absolute;
	height:27px;
	top:0;
}

div.input span.left
{	
	left:-5px;
	width:5px;
	background:url(/gfx/input/left.png) no-repeat;
}

div.input span.right
{
	background:url(/gfx/input/right.png) no-repeat;
	right:-5px;
	width:6px;
}

div.input input
{
	width:320px;
	background:transparent;
	font-family:Arial;
	font-size:12px;
	color:#999;
	padding:5px;
	padding-top:4px;
	border:0;
	outline:none;
}

div.input input.active
{
	color:#FFF;
}

/* Textarea */
div.textarea.margin-top
{
	margin-top:10px;
}

div.textarea
{
	display:inline-block;
	position:relative;
	height:100px;
	background-color:#1c1c1c;
	width:278px;
	margin-top:5px;
	margin-bottom:10px;
	border:none;
}

div.textarea span
{
	position:absolute;
}

div.textarea textarea
{
	border:0;
	width:267px;
	height:89px;
	background:transparent;
	outline:none;
	color:#999;
	font-family:Arial;
	font-size:12px;
	padding:5px 5px;
}

div.textarea textarea.active
{
	color:#FFF;
}

div.textarea span.top
{
	background:url(/gfx/textarea/top.png) repeat-x;
	width:100%;
	top:-5px;
	left:0;
	height:5px;
}

div.textarea span.left
{
	background:url(/gfx/textarea/left.png) repeat-y;
	top:0px;
	left:-5px;
	width:5px;
	height:100%;
}

div.textarea span.right
{
	background:url(/gfx/textarea/right.png) repeat-y;
	top:0px;
	right:-5px;
	width:5px;
	height:100%;
}

div.textarea span.bottom
{
	background:url(/gfx/textarea/bottom.png) repeat-x;
	height:5px;
	bottom:-5px;
	width:100%;
	left:0px;
}

div.textarea span.top-left
{
	background:url(/gfx/textarea/top-left.png) no-repeat;
	top:-5px;
	left:-5px;
	width:5px;
	height:5px;
}

div.textarea span.top-right
{
	background:url(/gfx/textarea/top-right.png) no-repeat;
	top:-5px;
	right:-5px;
	width:5px;
	height:5px;
}

div.textarea span.bottom-left
{
	background:url(/gfx/textarea/bottom-left.png) no-repeat;
	bottom:-5px;
	left:-5px;
	width:5px;
	height:5px;
}

div.textarea span.bottom-right
{
	background:url(/gfx/textarea/bottom-right.png) no-repeat;
	bottom:-5px;
	right:-5px;
	width:5px;
	height:5px;
}

form.align label
{
	display:block;
	float:left;
	min-width:160px;
	text-align:right;
	padding-right:15px;
	padding-top:7px;
	clear:left;
	font-weight:bold;
}

form.align div.input,
form.align div.textarea
{
	float:left;
	display:block;
	clear:right;
	margin-bottom:10px;
}

.button
{
	background:url(/gfx/button-bg.png) no-repeat;
	width:100px;
	height:40px;
	text-align:center;
	font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
	font-size:15px;
	cursor:pointer;
	font-weight:bold;
	text-shadow: 1px 1px 1px #000;
	filter: dropshadow(color=#000, offx=1, offy=1);
	color:#FFF;
	border:0;
	display:inline-block;
}
form.align.button
{
	clear:both;
	margin-left:170px;
	margin-top:10px;
}

.button.small
{
	background:url(/gfx/btn/small.png) repeat-x;
	height:13px;
	font-size:13px;
	text-decoration:none;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding:3px 15px 7px 15px;
	width:auto;
	font-weight:normal;
}

.button.small:hover
{
	background-position:30px -23px;
}


/* Columns */
.columns_211x700 .col1,
.columns_211x700 .col2,
.columns_760x200 .col1,
.columns_760x200 .col2,
.columns_480x480 .col1,
.columns_480x480 .col2,
.columns_311x311x311 .col1,
.columns_311x311x311 .col2,
.columns_311x311x311 .col3
{
	float:left;
}

.columns_211x700 .col1
{
	width:260px;
}

.columns_211x700 .col2
{
	width:700px;
}

.columns_760x200 .col1
{
	width:760px;
}

.columns_760x200 .col2
{
	width:200px;
}

.columns_480x480 .col1
{
	width:480px;
}

.columns_480x480 .col2
{
	width:480px;
}

.columns_311x311x311 .col1
{
	width:311px;
	margin-right:13px;
}

.columns_311x311x311 .col2
{
	width:311px;
	margin-right:13px;
}

.columns_311x311x311 .col3
{
	width:311px;
}

div.input.margin-left
{
	margin-left:18px;
}

div.input.margin-top
{
	margin-top:18px;
}

.columns div.input
{
	width:130px;
}

.columns div.input input
{
	width:120px;
}

.columns div.col
{
	float:left;
	min-height:200px;
	padding:0px 20px;
	width:280px;
}

.columns .col1
{
	background-color:red;
	background:url(/gfx/gradient-col.png) no-repeat;
	background-position: 100% 100%;
}

.columns .col2
{
	background:url(/gfx/gradient-col.png) no-repeat;
	background-position: 100% 100%;
}

.columns .col3 .input
{
	width:120px;
}

.columns .col3 .input input
{
	width: 120px;
}

.input.small
{
	width:140px;
}

.input.small input 
{
	width:140px;
}

/* Message */
.message
{
	border-top: 1px solid #fff !important;
    border-top: 1px solid rgba(255,255,255,0.9) !important;
    border-left: 1px solid #fff !important;
    border-left: 1px solid rgba(100,100,100,0.1) !important;
	background: #F4F4F4;
    background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), to(#FFFFFF));
    background: -moz-linear-gradient(top,  #F4F4F4,  #FFFFFF);
    -pie-background: linear-gradient(top,  #F4F4F4,  #FFFFFF);
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    -moz-box-shadow: 1px 1px 0 #999;
    -webkit-box-shadow: 1px 1px 0 #999;
    box-shadow: 1px 1px 0 #999;
}

.message p
{
	font-weight:bold;
	font-size:12px;
	color:#000;
	line-height:18px;
}

.message h5
{
	font-size:14px;
	border:none;
	text-transform:none;
	margin:0;
	padding:0;
	margin-bottom:5px;
}

.message.info 
{
    border: 1px solid #cadcea;
    background: #e1f2fc;
    background: -webkit-gradient(linear, left top, left bottom, from(#e1f2fc), to(#cae9fd));
    background: -moz-linear-gradient(top,  #e1f2fc,  #cae9fd);
    -pie-background: linear-gradient(top,  #e1f2fc,  #cae9fd);
    color: #225b86;
    text-shadow: 0 1px 0 #fff;
}

.message.error 
{
    border: 1px solid #eeb7ba;
    background: #fae2e2;
    background: -webkit-gradient(linear, left top, left bottom, from(#fae2e2), to(#f2cacb));
    background: -moz-linear-gradient(top,  #fae2e2,  #f2cacb);
    -pie-background: linear-gradient(top,  #fae2e2,  #f2cacb);
    color: #be4741;
    text-shadow: 0 1px 0 #fff;
}

/* References */
.ref-container
{
	position:relative;
	height:557px;
}

.ref-container .bg
{
	position:absolute;
	top:0;
	left:0;
	background:url(/gfx/ref/ref-container.png) no-repeat;
	width:968px;
	height:560px;
}

.ref-container .bg .content
{
	position:relative;
}

.ref-container .bg .img
{
	margin-top:8px;
	margin-left:9px;
}

.ref-container .bg .img img.large
{
	width:653px;
	height:460px;
	
}

.ref-container .bg .img ul.controls
{
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	bottom:0px;
	left:0px;
}

.ref-container .bg .img ul.controls li
{
	display:inline-block;
	margin-right:3px;
	position:relative;
}

.ref-container .bg .img ul.controls li img
{
	height:60px;
	width:60px;
}

.ref-container .bg .img ul.controls li a,
.ref-container .bg .img ul.controls li a:visited
{
	display:block;
	border:3px solid #666;
	margin-right:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:60px;
	width:60px;
	background: #202020 url(/gfx/ref/loader.gif) no-repeat;
	background-position: 50% 50%; 
}

.ref-container .bg .img ul.controls li a:hover
{
	border-color:#EEE;
}

.ref-container .bg .img ul.controls li a.jFlowSelected
{
	border-color:#000;
}

.ref-container .bg .info
{
	position:absolute;
	right:23px;
	top:40px;
	width:260px;
	color:#FFF;
}

.ref-container .bg .info .blue
{
	margin-top:5px;
}

/* Scrollbar */
.ref-container .bg .scroller .viewport 
{ 
	width: 240px; 
	height:320px;
	overflow: hidden; 
	position: relative;
	margin-top:20px;
}
.ref-container .bg .scroller .overview 
{ 
	list-style: none; 
	position: absolute; 
	left: 0; 
	top: 0; 
	padding: 0;
	margin: 0;
}
.ref-container .bg .scroller .scrollbar 
{ 
	background-color:#333;
	border:1px solid #222;
	position: relative; 
	background-position: 0 0; 
	float: right; 
	width: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.ref-container .bg .scroller .track 
{ 
	height: 100%; 
	width:15px; 
	position: relative;
}
.ref-container .bg .scroller .thumb 
{ 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#555;
	height: 20px; 
	width: 15px; 
	cursor: pointer; 
	overflow: hidden; 
	position: absolute; 
	top: 0; 
	left: 0px;
}


.ref-container .bg .scroller .disable 
{ 
	display: none;
}

.ref-container .bg .info p
{
	font-size:12px;
	line-height:17px;
	padding-right:10px;
}

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

.columns_760x200 .col1 ul.list,
.columns_760x200 .col2 ul.list,
.columns_211x700 .col2 ul.list
{
	margin:0;
	padding:10px 0px 0px 0px;
}

.columns_760x200 .col1 ul.list
{
	padding-top:0px;
}


ul.list li
{
	display:inline-block;
	padding-left:9px;
	height:30px;
	width:223px;
	background:url(/gfx/dot.png) no-repeat;
	background-position:0px 6px;
	margin-bottom:0px;
}

ul.list li a,
ul.list li a:visited
{
	padding:3px 5px;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
}

ul.list li a:hover,
ul.list li a.active
{
	background-color:#7fc3c8;
	
}

.columns_760x200 .col2 ul.list li
{
	text-align:right;
	background-position:100% 6px;
	padding:0px 9px 0px 0px;
	display:block;
	width:auto;
}

form table td .input,
form table td .textarea
{
	margin-left:5px;
}

ul.inline
{
	margin:0;
	padding:0;
	list-style:non;
}

ul.inline li
{
	display:inline-block;
}

.loader
{
	background:url(/gfx/loaders/small.gif) no-repeat;
	background-position:50% 50%;
	height:25px;
	width:25px;
	background-color:#FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* References */
.more-ctn
{
	clear:both;
	position:relative;
	padding-bottom:20px;
}

.more-ctn .loading
{
	display:none;
	position:absolute;
	top:1px;
	left:2px;
	right:5px;
	bottom:22px;
	z-index:10;
	background:url(/gfx/ref/trans-light.png);
}

.more-ctn .loading .bg
{
	background:url(/gfx/ref/trans.png);
	padding:30px;
	width:128px;
	height:128px;
	margin:auto auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	position:absolute;
	top:0;
	left:0;
	right:3px;
	bottom:20px;
	z-index:10;
}

.more-ctn a.prev,
.more-ctn a.next
{
	display:block;
	position:absolute;
	top:125px;
	width:66px;
	height:131px;
}

.more-ctn a.prev,
.more-ctn a:visited.prev
{
	background:url(/gfx/ref/nav-left.png) no-repeat;
	left:-66px;
	opacity:0.6;
}

.more-ctn a.next,
.more-ctn a:visited.next
{
	background:url(/gfx/ref/nav-right.png) no-repeat;
	right:-63px;
	opacity:0.6;
}

.more-ctn a.next.disabled,
.more-ctn a.prev.disabled
{
	opacity:0.1;
}

.box
{
	position:relative;
	border:1px solid #0D0D0D;
	border-bottom:1px solid #0D0D0D;
	border-top:none;
	background-color:#202020;
}

.box .inner
{
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:1px 0 1px 1px;
	background-color:#191919;
}

.box.none
{
	border-left:none;
}

.ref-box
{
	float:left;
	height:190px;
	width:238px;
}

.ref-box.clear
{
	clear:top;
}

.ref-box.large
{
	width:477px;
	height:381px;
}

.ref-box.large .inner a.next
{
	display:block;
	background:url(/gfx/ref/nav-small.png) no-repeat;
	background-position:-23px -47px;
	height:46px;
	width:23px;
	position:absolute;
	top:50%;
	bottom:0;
	right:11px;
	z-index:10;
}

.ref-box .inner
{
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	padding:10px;
	overflow:hidden;
}

.ref-box .inner h4
{
	color:#FFF;
	padding-top:8px;
	font-size:12px;
	margin-bottom:10px;
}

.ref-box.large .inner h4
{
	font-size:14px;
}

.ref-box .inner p
{
	font-size:12px;
	line-height:18px;
	padding-bottom:10px;
}

.ref-box .inner img
{
	width:217px;
	height:140px;
}

.ref-box .inner .content
{
	position:relative;
}

.ref-box.active
{
	cursor:pointer;
	background-color:#111111;
	border-color:#000;
}

.ref-box.active .inner
{
	background-color:#151515;
	margin:1px;
}

.ref-box.active .inner .content
{
	background-color:#151515;
}

/* Partner-box */
#logo-slider
{
	background-color:#191919;
	background-color:#161616;
	border:1px solid #0D0D0D;
	border-bottom:1px solid #0D0D0D;
	border-top:none;
	height:80px;
}

ul.logos
{
	list-style:none;
	margin:0;
	padding:0;
}

ul.logos li
{
	position:relative;
	float:left;
	margin-top:11px;
	margin-left:10px;
	height:60px;
	width:147px;
	background:url(/gfx/partner-box-bg.png) no-repeat;
	position:relative;
}

ul.logos li img
{
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
	margin: auto;
}

.downloads table td
{
	vertical-align:top;
}

.downloads table
{
	margin-top:20px;
}

table.list thead th
{
	font-size:14px;
	font-weight:bold;
	padding:5px 5px;
	background-color:#111;
}

table.list tr td
{
	padding:3px 5px;
}

table.list tr.odd
{
	background-color:#333;
}

table.list tr.even
{
	background-color:#222;
}

form table td
{
	padding-bottom:13px;
}

form table td label
{
	padding:0;
	margin:0;
	font-weight:bold;
}

/* Utilities */
.clear { clear:both; }
span.seperator { padding:0px 10px;color:#444;font-size:10px; }
.margin-left { margin-left:10px; }
.margin-top { margin-top:10px; }
.margin-right { margin-right:10px; }
.margin-bottom { margin-bottom:10px; }
.xmargin-top { margin-top:5px; }
.xmargin-bottom { margin-bottom:5px; }
.xpadding-top { padding-top:5px; }
.padding-top { padding-top:10px; }
.large { font-size:18px; }
.bold { font-weight:bold; }
.left { float:left; }
.pointer { cursor:pointer; }
.blue { color:#96D3D3;font-size:14px;font-weight:bold; }