body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	
	color:#64645a;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:11px;
	
	/*margin: 0px;*/
	text-align: justify;
	
	line-height:2em;
	/*padding:1px 0px 5px 0px;*/

}
input{
	border:0px solid #bdc7d8;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;padding:3px;
}

.inputBorder{
	border-bottom:1px dashed #bdc7d8;
}
.inputBorder1{
	border-bottom:none;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;padding:3px
}
table{
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:11px;
}

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
textarea{
	border: 1px solid #E3EAEE;
}
p {
	margin: 0px;
	padding: 0px;
}
.border{
	border: 1px solid #ccc;
}
#border{
	border: 1px solid #ccc;
}

.border2{
	border: 1px dashed #ccc;
}

.border3{
	border: 1px solid #C4E3C8;
}
.title{
	color: #969547;
}

.title2{
	color:#3b5998;
}
.title3{
	color:#F60;
}

.title4{
	color:#111;
	font-size:24px;
	font-weight:bold;
}

.garis{
	clear: both;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.garis2{
	clear: both;
	padding-bottom: 3px;
	border-width:thin;
	border-bottom: 1px solid #ccc;
}
.garis22{
	clear: both;
	padding-bottom: 3px;
	border-width:thin;
	border-bottom: 1px dashed #ccc;
}
.garis3{
	clear: both;
	padding-top: 3px;
	border-width:thin;
	border-top: 1px solid #ccc;
}
.garis33{
	clear: both;
	padding-top: 3px;
	border-width:thin;
	border-top: 1px dashed #ccc;
}
.garis5{
	clear: both;
	padding-bottom: 3px;
	border-width:thin;
	border-bottom: 1px solid #FFF;
}
.garis6{
	clear: both;
	padding-top: 3px;
	border-width:thin;
	border-top: 1px solid #FFF;
}

.garis4{
	clear: both;
	padding-right: 3px;
	padding-left: 3px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.cap {
color: #969547;
float:left;
font-family:Georgia,Times,serif;
font-size:5.4em;
line-height:.8em;
padding:5px 5px 0px 0px;
}

.cap2 {
color: #3b5998;
float:none;
font-family:Georgia,Times,serif;
font-size:5.4em;
line-height:.8em;
padding:5px 5px 0px 0px;
}

.bot {
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:11px;
	color:#3b5998;
}

.bot3{
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:11px;
	color:#000;
}

.bot2 {
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:11px;
	color:#F60;
}

.bot4{
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:11px;
	color:#F00;
}

.isi{
	padding:5px 4px 5px 5px;
	text-decoration:none;
	color:#666;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;
}

.blur{
	color:#E1E1E1;
}

a:link, a:visited { color: #3b5998; text-decoration: none;} 
a:active, a:hover { color: #3b5998; text-decoration: underline;}

.menu {
  border: solid 1px #BFBFBF;
  padding:10px 10px 15px 10px;
  background-color:white;
}

.menuItem {
  padding:4px 10px 4px 10px;
  border-bottom:solid 1px #dddddd;
}

.menuItem:hover {
  background-color:#f1f1f1;
}

.menuItem a {
  color:#666666;
  text-decoration:none;
}

#demo {
  cursor:pointer;
  padding:5px 10px 5px 10px;
 
}

#demo span {
  padding:3px 10px 0px 10px;
  cursor:pointer;
}

#demo span:hover {
  text-decoration:underline;
}

/* -KONTEN 3 COULUMN- */
.col-content {
	float: left;
	width: 960px;
	padding: 10px 0 5px 0;
	margin: 5px 10px 10px 10px;
}
#col-title {
	width: 100%;
	line-height: 4px;
	color: #232323;
	padding: 15px 0 10px 2px;
	margin: 0 10px 5px 0px;
	border-bottom: 3px double #999;
}
.col-content li {
	float:left;
	border-bottom:1px dotted #ccc;;
	list-style: none;
	margin-left: 10px;
}
.col-content a:link, .col-content a:visited {
	display: inline-block;
	width: 255px;
	font-size: 12px;
	color: #303030;
	text-shadow: 1px 1px 1px #eee;
	text-align: left;
	padding: 5px;
	text-decoration:none;
}
.col-content a:hover, .col-content a:active {color:#b00; text-shadow:1px 1px 1px #c2b3b3;}
.my-content {
	float: inherit;
	display: block;
	margin: 0 5px 0 10px;
	padding-bottom: 10px;
	background: #fff;
	border:1px solid #ccc;
	-moz-border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-bottomleft:8px;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
}
.my-content2 {
	float: left;
	display: block;
	width: 100%;
	margin: 0 5px 0 10px;
	padding-bottom: 10px;
	background-color: #F2F3F4;
	border:1px solid #ccc;
	-moz-border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-bottomleft:8px;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
}
h4 {
	 font-size:14px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	  }
	  #friends-bar {
	float: left;
	width: 100%;
	margin-top: 10px;
	padding: 5px;
	background: #ececec;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cfcfcf;
}
#friends-title{
	width: 600px;
	color: #232323;
	text-shadow: 1px 1px 1px #fff;
	text-transform: uppercase;
	text-align:center;
	 font-weight:bold;
}

pre {
font-family: Consolas, Monaco, 'Courier New', Courier, monospace;
font-size: 12px;
font-weight: inherit;
margin-bottom: 22px;
overflow-x: auto;
white-space: pre-wrap;
word-wrap: break-word;
background-color: #F2F3F4;
color: black;
line-height: 1.3em;
overflow: auto;
padding: 11px 20px 20px;
}
.MyBorder {
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
}
#main-content {
    margin: 20px 0 0 0;
    padding: 20px 0;
    width: 100%;
    background: #f9f9f9 0 0 repeat-x;
    border: 1px solid #dbe5ea;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.05);
}
#main-content2 {
    margin: 20px 0 0 0;
    padding: 20px 0;
    width: 100%;
    background: #f9f9f9 0 0 repeat-x;
    border: 1px solid #FCFCFC;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.05);
}
#main-content h2,
#sidebar h4 {
    color: #276787;
    font-size: 22px;
    margin: 0 0 10px 0;
}

#main-content .intro {
    margin: 0 25px 10px 25px;
}

#main-content .intro h2 {
    margin-bottom: 5px;
}

#main-content p {
    font-size: 16px;
}

#main-content h4 {
    margin: 0 0 5px 0;
}

#main-content .column,
#main-content #column-1,
#main-content #column-2,
#main-content #column-3,
#main-content #column-4 {
    margin-left: 25px;
    margin-right: 45px;
    margin-bottom: 10px;
    padding: 1px 0;
}

#main-content #column-2 {
    clear: both;
}

#main-content ul,
#main-content li {
    background: none;
}

#main-content ul {
    margin: 0;
}

#main-content p {

}
#mobile-download {
    -moz-border-radius:6px;
    border-radius:6px;
    display:inline-block;
    background:-moz-linear-gradient(top, #DCF0F7 0%, #A7D4E0 100%);
    background:linear-gradient(top, #DCF0F7 0%, #A7D4E0 100%);
    border: 1px solid #cdf7f1;
    -moz-box-shadow: 1px 3px 8px rgba(0,0,0,0.2);
    font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:11px;
    padding: 5px 15px;
}
.footer {padding:0;  margin:0;}
.footer_resize { width:940px; margin:0 auto; padding:20px 10px;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; text-align:right}

.g-button {
  display: inline-block;
  min-width: 54px;
  text-align: center;
  color: #555;
  font-size: 11px;
  font-weight: bold;
  height: 27px;
  padding: 0 8px;
  line-height: 27px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
  border: 1px solid #dcdcdc;
  border: 1px solid rgba(0,0,0,0.1);
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  }
  
  .g-button:hover {
  border: 1px solid #c6c6c6;
  color: #333;
  text-decoration: none;
  -webkit-transition: all 0.0s;
  -moz-transition: all 0.0s;
  -ms-transition: all 0.0s;
  -o-transition: all 0.0s;
  transition: all 0.0s;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  }
  .g-button:active {
  background-color: #f6f6f6;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  }
  .g-button:visited {
  color: #666;
  }
  .g-button-submit {
  border: 1px solid #3079ed;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #4d90fe;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
  }
  .g-button-submit:hover {
  border: 1px solid #2f5bb7;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
  background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
  background-image: linear-gradient(top,#4d90fe,#357ae8);
  }
  .g-button-submit:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  }
  .g-button-share {
  border: 1px solid #29691d;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #3d9400;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#3d9400),to(#398a00));
  background-image: -webkit-linear-gradient(top,#3d9400,#398a00);
  background-image: -moz-linear-gradient(top,#3d9400,#398a00);
  background-image: -ms-linear-gradient(top,#3d9400,#398a00);
  background-image: -o-linear-gradient(top,#3d9400,#398a00);
  background-image: linear-gradient(top,#3d9400,#398a00);
  }
  .g-button-share:hover {
  border: 1px solid #2d6200;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #368200;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#3d9400),to(#368200));
  background-image: -webkit-linear-gradient(top,#3d9400,#368200);
  background-image: -moz-linear-gradient(top,#3d9400,#368200);
  background-image: -ms-linear-gradient(top,#3d9400,#368200);
  background-image: -o-linear-gradient(top,#3d9400,#368200);
  background-image: linear-gradient(top,#3d9400,#368200);
  }
  .g-button-share:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  }
  
   .g-button-red {
  border: 1px solid transparent;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  text-transform: uppercase;
  background-color: #d14836;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));
  background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
  background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
  background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
  background-image: -o-linear-gradient(top,#dd4b39,#d14836);
  background-image: linear-gradient(top,#dd4b39,#d14836);
  }
  .g-button-red:hover {
  border: 1px solid #b0281a;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #c53727;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727));
  background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
  background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
  background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
  background-image: -o-linear-gradient(top,#dd4b39,#c53727);
  background-image: linear-gradient(top,#dd4b39,#c53727);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -o-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  }
  .g-button-red:active {
  border: 1px solid #992a1b;
  background-color: #b0281a;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#b0281a));
  background-image: -webkit-linear-gradient(top,#dd4b39,#b0281a);
  background-image: -moz-linear-gradient(top,#dd4b39,#b0281a);
  background-image: -ms-linear-gradient(top,#dd4b39,#b0281a);
  background-image: -o-linear-gradient(top,#dd4b39,#b0281a);
  background-image: linear-gradient(top,#dd4b39,#b0281a);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  }
   .g-button-white {
  border: 1px solid #dcdcdc;
  color: #666;
  background: #fff;
  }
  .g-button-white:hover {
  border: 1px solid #c6c6c6;
  color: #333;
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  }
  .g-button-white:active {
  background: #fff;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  }
  
  .g-button-green {
  border: 1px solid transparent;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  text-transform: uppercase;
  background-color: #35d147;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#39dd4b),to(#35d147));
  background-image: -webkit-linear-gradient(top,#39dd4b,#35d147);
  background-image: -moz-linear-gradient(top,#39dd4b,#35d147);
  background-image: -ms-linear-gradient(top,#39dd4b,#35d147);
  background-image: -o-linear-gradient(top,#39dd4b,#35d147);
  background-image: linear-gradient(top,#39dd4b,#35d147);
  }
  .g-button-green:hover {
  border: 1px solid #19b027;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #27c437;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#39dd4b),to(#27c437));
  background-image: -webkit-linear-gradient(top,#39dd4b,#27c437);
  background-image: -moz-linear-gradient(top,#39dd4b,#27c437);
  background-image: -ms-linear-gradient(top,#39dd4b,#27c437);
  background-image: -o-linear-gradient(top,#39dd4b,#27c437);
  background-image: linear-gradient(top,#39dd4b,#27c437);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -o-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  }
  .g-button-green:active {
  border: 1px solid #1a992a;
  background-color: #19b027;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#39dd4b),to(#19b027));
  background-image: -webkit-linear-gradient(top,#39dd4b,#19b027);
  background-image: -moz-linear-gradient(top,#39dd4b,#19b027);
  background-image: -ms-linear-gradient(top,#39dd4b,#19b027);
  background-image: -o-linear-gradient(top,#39dd4b,#19b027);
  background-image: linear-gradient(top,#39dd4b,#19b027);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  }

  .alert-text{
	color:#F00;
	font-weight:bold
}
.bg-subtitle{
	background-color:#ebebeb;
}
.fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px;
}
.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
#btn-cv {
  background-color:#F7A346;
  border-color:#FFFFFF;
  border-radius:none;
  color:#3A3A3C;
  font-weight:bold;
  font-family: serif;
  margin-top: 5px;
}
#btn-cv:hover{
  color:#FFFFFF;
}
.regOpt{
    background-color:#F7A346;
    color:#3A3A3C;
}