html, body
{
    font-family:Sans-Serif;
    font-size:12.5px;
}

.row
{
	clear:both;
	float:left;
	display:inline;
	margin:2px 0 3px 0;
	width:100%;
}

.row .rowwrap
{
	float:left;
	display:inline;
	width:65%;
}

.row label{
	float:left;
	display:inline;
	width:35%;
	font-weight:bold;
}

.row.marginbottom
{
    margin-bottom: 5px;
}

.linkback
{
	border:0px;
	padding:0px 10px 0px 0px;
	text-align:left;
	width: 32px;
	/*float:right;*/
	right: 0;
	color:Blue;
	position: absolute;
}

.errorpage{
	padding:60px 0px 0px 0px;
	color:Black;
	font-weight:bold;
	font-size:10px;
	line-height:normal;
	text-transform:uppercase;
	margin:0 auto;
	vertical-align:middle;
	text-align:center;
}

input[type=button], input[type=submit], input[type=reset]
{
    background-color: #731233;
    border: none;
    border-radius: 5px;
    padding: 3px 10px;
    color: White;
}

select
{
    background-color: Gray;
    border: none;
    border-radius: 5px;
    padding: 3px 10px;
    color: White;
}

select option
{
    background-color: #000000;
    border: none 0px;
    padding: 0px 5px;
    color: White;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover /*, .sis-custom:focus*/
{
    background-color: #c2264b !important;
    cursor: pointer !important;
}

input[type=button]:disabled, input[type=submit]:disabled, input[type=reset]:disabled, select:disabled
{
    background-color: Gray !important;
    cursor: default !important;
}

table.tablewithborder
{
	/*border-collapse: collapse;	
	border-top:1px solid #000;
	border-left:1px solid #000;*/
	border-style:ridge;
	border-color:#d0cccb;
	/*-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
    border-radius: 15px;*/
	width:100%;
	margin:0px 0px 3px 0px;
}

table.tablewithborder th, table.tablewithborder td
{
	padding:3px;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	
}

table.tablewithborderdotted
{
    border-collapse: collapse;
	border-top:1px dotted #000;
	border-left:1px dotted #000;
	width:auto;
	margin:0px 0px 3px 0px;
}

table.tablewithborderdotted th, table.tablewithborderdotted td
{
	padding:3px;
	border-bottom:1px dotted #000;
	border-right:1px dotted #000;
}

table th
{
	/*background:url(../images/layout/grad_grey.gif) repeat-x bottom;*/
	background-color:#8C2042;
	color:#fff;	
	line-height:normal;
}

table td 
{
    background-color:#fadcdc;
    font-size:12.5px;
}

table.tablewithborder table{
	margin:0;
}

td.info{
	font-weight:bold;
}

td.centerall{
	vertical-align:middle;
	text-align:center;
}

a {
  color:Blue;
  font-weight:normal;
  text-decoration:none;
}

a.btngrey{
	background:#fff url(../images/layout/bgbtn_grey.gif) repeat-x bottom;
	border:1px solid #999;
	color:#000 !important;
	padding:3px 5px;
}

#contentdeviceinfo {
        background:#fffff;
        height:auto;
        float:left;
        position:relative;
        text-align:left;
}

#header{
        background:#8C2042 url('../images/layout/sis_logo_serpong.png') top left no-repeat;
        width:100%;
        height:35px;
        float:left;
        position:relative;
        text-align:left;
}

/*#header{
    background:#731231 url('.../images/layout/BinusSchoolSerpongBanner.JPG') top left no-repeat;
    width:100%;
    height:85px;
    float:left;
    position:relative;
    text-align:left;
}*/
    
#contentchoosedevice {
        font-size:9pt;
        background:#fffff;
        width:100%;
        height:auto;
        float:left;
        position:relative;
        text-align:center;
}

#contentdownload {
        background:#fffff;
        width:60%;
        height:auto;
        float:left;
        position:relative;
        text-align:left;
}

#contentdownload2 {
        width:60%;
        height:auto;
        float:left;
        position:relative;
        text-align:left;
	top: 1px;
	left: 2px;
}
    
#imagecontent {
        width:auto;
        height:auto;
        float:left;
        position:relative;
        text-align:left;
        top: 0px;
        left: 0px;
}

#imagecontent2 {
        width:40%;
        height:auto;
        float:left;
        position:relative;
        text-align:left;
        top: 0px;
        left: 0px;
}

#imagestyle {
        position:relative;
        text-align:center;
}
    
#download {
        background:#fffff;
        width:100%;
        height:auto;
        float:left;
        position:relative;
        text-align:left;
}
    
#footer {
        font-size:6pt;
        background:#E0E0E0;
        width:100%;
        height:auto;
        float:left;
        position:relative;
        text-align:center;
}

.text-gray
{
    color: Gray;
}

table.tablewithbordernone
{
	border:none;
	width:100%;
	margin:0px 0px 3px 0px;
}

table.tablewithbordernone th, table.tablewithbordernone td
{
	padding:3px;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	
}

.rounded-corners 
{
    margin-top:5px;
    width : 100%;
    height : auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    background-color : #FADCDC;
}

/* Tambahan untuk Time Table*/
.tablenobgcolor
{
	border:none;
	width:100%;
	background-color: #FFFFFF;
}

.tablenobgcolor-webkit-scrollbar {
    width: 15px;
}

.small-rounded-corners
{
    margin-top:5px;
    width : 100%;
    height:auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    background-color : #731233;
    color: #FFFFFF;
}

div#scrollitem {
	border: none;
	width: auto;
	height: 260px;
	margin: 0 auto;
	overflow:auto;
}

::-webkit-scrollbar 
{
    width: 12px; 
}
::-webkit-scrollbar-track  
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px; 
}
::-webkit-scrollbar-thumb  
{
    -webkit-border-radius: 10px; 
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive  
{
    background: rgba(255,0,0,0.4); 
}