/* 		JogjaCamp Standard CSS 				*/





/* Body Style */

body {

	font-size: 11px;

	color: #888;

	margin: 0px;

	padding: 0px;

	background-color: #090a0a;

}





body, p, h1,h2,h3,h4,h5,h6,div,ol,li,td,th,a,form,input,select,textarea,option,label {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

}

h1.slogan{
	margin: 7px 0px !important;
	padding: 0px !important;
	color:#FFFFFF; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold;
}

p, td, th, span, div{

	line-height: 130%;

}





p {

	margin: 4px 0px 4px 0px !important;

}



/* standard Hyperlink */

a {

	text-decoration: none;

	color: #ff6000;

}



a:hover {

	color: #006bbc;

	text-decoration: underline;

}



/* standard Form */

form {

	margin: 0px;

}



input,select,textarea,option,label {

	font-size: 11px;

}



/* standard form select + option*/

select{

}



/* standard form textarea */

textarea {

	overflow: auto;

}



input.button {

	color: #fff;

	font-weight: bold;

	padding: 3px 12px;

	background-color: #006bbc;

	border: 1px solid #569ace;

	cursor: pointer;

}



/* standard cell */

td, th {

	vertical-align: top;

	line-height: 150%;

}



td.text, td.form {

	padding: 4px;

}



img {

	border: none;

}

.floatRight{

 	float: right;

	margin-left: 18px;

}

.floatLeft{

 	float: left;

	margin-right: 18px;

}



.center{

	text-align: center;

}



.left{

	text-align:left;

}

.right{

	text-align: right;

}

.justify{

	text-align:justify;

}



.clear {

	clear: both;

	padding: 0px !important;

	margin: 0px !important;

	height: 0px;

	overflow: hidden;

}



/* --------- warper element -------- */

.container {

	padding: 0px;

	margin: 0px;

	background: url(../images/bg.gif) top center repeat-y #efefef;

}



/* ----------- header element -------- */

.header {

	height: 160px;

	padding: 0px;

	overflow: hidden;

	text-align: center;

	background: url(../images/bgHeader.gif) top left repeat-x;

}

.headerCell {

	width: 840px;

	height: 148px;

	margin: 0px auto;

	padding: 10px 0px 2px 0px;

	overflow: hidden;

	text-align: left;

}

.headerTop {

	height: 117px;

	padding: 0px;

	overflow: hidden;

}

a.sitename {

	float: left;

	display: block;

	width: 300px;

	height: 117px;

	padding: 0px;

	overflow: hidden;

}

.headerLink {

	float: right;

	display: block;

	width: 265px;

	height: 39px;

	padding: 40px 0px 0px 28px;

	overflow: hidden;

	background: url(../images/bgHeaderLink.gif) top left no-repeat;

}

.headerLink a {

	float: left;

	display: block;

	width: 91px;

	height: 26px;

	padding: 0px;

	overflow: hidden;

}

.headerLink a#get_started {

	background: url(../images/startedLink.gif) top left no-repeat;

	margin-right: 46px;

}

.headerLink a#login {

	background: url(../images/loginLink.gif) top left no-repeat;

}



.headerBottom {

	margin-top: 1px;

	height: 30px;

	padding: 0px 10px 0px 30px;

	overflow: hidden;

}



.menu {

	float: right;

	padding: 0px;

}

.menu a {

	padding: 0px;

	float: left;

	margin: 0px 1px;

	display: block;

	font-size: 12px;

	font-weight: bold;

	color: #31536d;

	text-decoration: none;

	background: url(../images/bgMenu_base.gif) top right no-repeat;

}

.menu a span {

	float: left;

	display: block;

	padding: 9px 20px;

	cursor: pointer;

	background: url(../images/bgMenu_mask.gif) top left no-repeat;

}

.menu a:hover {

	color: #909090;

	text-decoration: none;

}

.menu a.active {

	color: #006bbc;

}



/* ----------- page element -------- */

.mainPage {

	padding: 0px;

	overflow: hidden;

	text-align: center;

	background: url(../images/bgDiag.gif) top left repeat-x;

}

.wrapper {

	width: 840px;

	margin: 0px auto;

	padding: 0px;

	text-align: left;

}

.wrapper-special {

	width: 805px;

	height: 200px;

	margin: 0px;

	padding: 0px 0px 0px 35px;

	overflow: hidden;

	background: url(../images/bgSpecial.gif) top left no-repeat;

}

.wrapper-block {

	width: 805px;

	height: 200px;

	margin: 0px 0px 30px 0px;

	padding: 0px 0px 0px 35px;

	overflow: hidden;

	background: url(../images/bgSpecial.gif) top left no-repeat;

}

ul.special-column {

	margin: 0px !important;

	padding: 0px !important;

	list-style: none;

	text-align: center;

}

ul.special-column li {

	width: 360px;

	float: left;

	display: block;

	margin-right: 40px;

	padding: 10px 0px;

	overflow: hidden;

	text-align: left;

}

*html ul.special-column li {

	padding-top: 20px;

}

*:first-child+html ul.special-column li {

	padding-top: 20px;

}

ul.special-column li h2 {

	margin: 10px 0px !important;

	padding: 0px !important;

	font-size: 2.2em;

	font-weight: bold;

	color: #ff6000;

}

.wrapper-block ul.special-column li h2 {

	font-size: 1.6em;

	font-weight: bold;

	color: #999;

	margin-bottom: 5px !important;

}

ul.special-column li span {

	font-size: 1.1em;

	font-weight: bold;

	color: #173c68;

}

.wrapper-block ul.special-column li span {

	font-size: 11px;

}

ul.special-column li p {

	margin: 10px 0px 15px 0px !important;

	padding: 0px !important;

	font-size: 12px;

}

a.specialBtn01 {

	width: 360px;

	height: 18px;

	float: left;

	display: block;

	padding: 13px 10px;

	font-size: 2.0em;

	color: #fff;

	text-decoration: none;

	text-align: center;

	background: url(../images/btnSpecial01.gif) top left no-repeat;

}

a.specialBtn02 {

	width: 360px;

	height: 18px;

	float: left;

	display: block;

	padding: 13px 10px;

	font-size: 2.0em;

	color: #fff;

	text-decoration: none;

	text-align: center;

	background: url(../images/btnSpecial02.gif) top left no-repeat;

}

a.specialBtn01:hover {

	color: #c7cbcd;

	text-decoration: none;

}

a.specialBtn02:hover {

	color: #d5f27d;

	text-decoration: none;

}



ul.special-column li table {

	width: 100%;

	border: none;

	margin: 20px 0px 10px 0px;

}

ul.special-column li table tr td {

	padding: 3px 0px 3px 20px;

}

ul.special-column li table tr td input {

	width: 200px;

}



.wrapper-page {

	padding: 10px 15px 15px 30px;

	min-height: 300px;

	background-color: #fbfbfb;

}

*html .wrapper-page {

	height: 300px;

	overflow: visible;

}



.flowNav {

	margin-bottom: 10px;

	font-size: 10px;

}

.flowNav a {

	color: #006bbc;

	text-decoration: none;

}

.flowNav a:hover {

	color: #ff6000;

	text-decoration: none;

}



h2.pageTitle {

	margin-right: 15px;

	font-size: 1.8em;

	color: #ff6000;

	font-weight: lighter;

	border-bottom: 1px solid #ddd;

}

.content {

	font-size: 12px;

}

.content p {

	margin: 8px 0px !important;

	padding: 0px;

	line-height: 140%;

}



.wrapper-bottom {

	clear: both;

	width: 780px;

	margin: 0px auto;

	padding: 0px;

	overflow: hidden;

	background: url(../images/dotted.gif) top left repeat-x;

}



.page {

	width: 375px;

	float: left;

	display: block;

	padding: 0px;

	overflow: hidden;

}

.sidebar {

	width: 405px;

	float: right;

	display: block;

	padding: 0px;

	overflow: hidden;

}



h2.title {

	font-size: 1.6em;

	color: #999999;

	margin: 10px 0px !important;

	padding: 0px !important;

}

h2.title span {

	color: #697c83;

}



ul.nav {

	margin: 0px !important;

	padding: 20px 0px !important;

	list-style: none;

	text-align: center;

}

ul.nav li {

	display: inline;

	font-size: 12px;

	text-transform: lowercase;

	padding-left: 10px;

	padding-right: 4px;

	background: url(../images/dashed.gif) left no-repeat;

}

ul.nav li.first {

	padding-left: 4px;

	background: none;

}

ul.nav li a {

	color: #999;

	text-decoration: underline;

}

ul.nav li a:hover {

	color: #333;

	text-decoration: underline;

}



.cs {

	margin: 5px 0px;

	padding: 0px;

	background: url(../images/bgCs.gif) top left repeat-y;

}

.csCell {

	padding: 10px 20px 10px 20px;

	background: url(../images/bgCs-smiley.gif) top left no-repeat;

}

.csCell h2.title {

	margin-bottom: 15px !important;

}

.csCell p {

	margin: 8px 0px !important;

	padding: 0px !important;

}

.csCell img {

	float: left;

	margin-right: 20px;

}

.csCell blockquote {

	margin: 20px 10px 0px 10px !important;

}

.csCell blockquote p {

	margin: 10px 0px !important;

	padding: 0px !important;

}

.csCell blockquote img {

	margin-right: 10px;

}

.cs-report {

	padding: 5px 40px 32px 40px;

	background: url(../images/bgCs-report.gif) bottom left no-repeat;

}

.cs-report p{

	margin: 15px 0px 5px 0px !important;

	padding: 0px !important;

	line-height: 150%;

	color: #666;

}

.cs-report p a {

	font-weight: bold;

	color: #ff6000;

	text-decoration: none;

}

.cs-report p a:hover {

	color: #ff6000;

	text-decoration: underline;

}



.blogger {

	margin: 0px 0px;

	padding: 5px 20px 20px 20px;

}

.blogger-list {

	height: 40px;

	padding-top: 20px;

}

.blogger-list img {

	padding: 2px;

	background-color: #fff;

	border: 1px solid #e5e5e5;

	float: left;

	margin-top: -15px;

	margin-right: 10px;

}

.blogger-list a {

	color: #999;

	text-decoration: underline;

}

.blogger-list a:hover {

	color: #333;

	text-decoration: underline;

}



.news {

	

}

.newsList {

	margin: 10px 0px;

}

.newsDate {

	float: left;

	display: block;

	width: 44px;

	height: 52px;

	padding: 0px;

	overflow: hidden;

	text-align: center !important;

	background: url(../images/bgDate.gif) top left no-repeat;

}

.newsDate p {

	margin: 0px !important;

	padding: 3px 0px !important;

	font-size: 11px;

	line-height: 10px;

	color: #fff;

	text-transform: uppercase;

}

.newsDate h5 {

	margin: 5px 0px 2px 0px !important;

	padding: 0px !important;

	font-size: 14px;

	font-weight: bold;

	color: #111;

	line-height: 10px;

}

.newsDate span {

	font-size: 10px;

	color: #666;

}



.newsDesc {

	width: 320px;

	float: right;

	display: block;

	line-height: 150%;

}

.newsDesc a {

	font-size: 12px;

	font-weight: bold;

	color: #173c68;

	text-decoration: none;

}

.newsDesc a:hover {

	color: #173c68;

	text-decoration: underline;

}

.newsDesc span {

	padding-top: 4px;

	font-size: 9px;

	color: #c5c5c5;

	display: block;

}

.newsDesc p {

	margin: 5px 0px !important;

	padding: 0px !important;

	line-height: 160%;

}



/* ----------- footer element -------- */

.footer {

	text-align: center;

	padding-top: 5px;

	height: 95px;

	background: url(../images/bgFooter.gif) top left repeat-x #090a0a;

}

.footerCell {

	width: 820px;

	margin: 0px auto;

	padding: 10px;

	text-align: center;

	color: #fff;

	font-size: 10px;

	background: url(../images/bgFooterCell.gif) top left repeat-x #1b1c1d;

}

.footerCell a {

	color: #4d719c;

	text-decoration: none;

}

.footerCell a:hover {

	color: #97b2d3;

	text-decoration: none;

}





#headerprofile {

	display: block;

	text-align:right;

	margin-top: 28px;

	margin-right:30px;

	color:#FFFFFF

}

#headerprofile a {

	color:#6dabf4;

	font-size:1em;

	font-weight:900;

	text-decoration:none;

}

#headerprofile a:visited {

	text-decoration:underline;

}

#headerprofile a:hover {

	color: #fff;

	text-decoration:underline;

}

#headerprofile img {

	margin-bottom: -8px;

	margin-left: 10px;

	border: none;

}

a.headerprofile:visited{ color:#2a2 }

a.headerprofile{

    font-size:1.3em;

    font-weight:bold;

	color:#FFFFFF

}


table.generic{
	background-color:#e0e0e0;
	border-spacing:1px;
	font-size:13px;
}

table.generic td{
	padding:5px;
	vertical-align:top;
}

table.generic tr:hover{
	background-color: #ffffcd;
}

tr{
	background-color:#fff;
}
tr.generichead{
	background-color: #ffffb2;
	font-weight:bold;
}