#wrapper {
	margin: auto;
	width: 950px;
	height: auto;

	/* [disabled]color: #5170D5; */
}

#main {
    float:left;
    width:640px;
    margin-right:20px;
}

#sidebar {
    float:right;
    width:300px;
}

#login {
	border: 1px solid #AEAEAE;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 300px;
}

#adminmenu {
	padding-left: 0;
}

#adminmenu li {
	float: left;
	list-style: none;
	margin-right: 20px;
}

/* CSS Document */
#index {
	height: auto;
	width: 100%;	
	z-index: 100000;
}
#index > #content {
	width: 1200px;
	height: auto;
	left: auto;
	right: auto;
	float: none;
	margin: 0px auto;
	background-color: #FFFFFF;
}
#index > #content > #aside {
float: left;
clear: right;	
height: auto;
width: 179px;
margin-top: 51px;
margin-left: 30px;	
margin-right: 10px;
background-color:#FFFFFF;
padding: 1px 0;
}
#index > #content > #pageMiddle {
	float: left;
	clear: right;
	height: auto;
	width: 600px;
	margin-top: 51px;
	margin-right: 20px;
	margin-left: 20px;
	background-color: #FFFFFF;
	margin: 0px auto;
}
#index > #content > #bside {
	float: left;
	clear: right;
	height: auto;
	width: 159px;
	margin-top: 51px;
	margin-right: 40px;
	margin-left: 110px;
	background-color: #FFFFFF;
	padding: 1px 5px;
}
 /*Clear floats after the columns*/ 
#content:after {
    content: "";
    display: table;
    clear: both;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 1200px) {
    #aside, #pageMiddle, #bside {
	width: 100%;
	display: inline;
    }
}

.clear {
	clear: both;
}

.error {
	padding: 0.75em;
	margin: 0.75em;
	border: 1px solid #990000;
	max-width: 400px;
	color: #990000;
	background-color: #FDF0EB;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}
.bg-danger, .bg-success {
	padding: 0 5px;
}

a {
	/* [disabled]color: #EF1F2F; */
	text-decoration: none;
	font-weight: bold;
}

p,li {
	color: #555555;
	font-size: 16px;
	line-height: 1.5em;
}

form input {
	border: 1px solid #999999;
	border-bottom-color: #cccccc;
	border-right-color: #cccccc;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 2px;
	
}

table {
	width:98%;
	text-align:left;
	border:1px solid #DDDDDD;
	font-size:12px;
	color:#000;
	background:#fff;
	margin-bottom:10px;
}

table th {
	background-color:#E5E5E5;
	border:1px solid #BBBBBB;
	padding:3px 6px;
	font-weight:normal;
	color:#000;
}

table tr td {
	border: 1px solid #DDDDDD;
	padding: 5px 6px;
	border-radius: 4px;
}
table tr.alt td {
	background-color:#E2E2E2;
}

table tr:hover {
	background-color:#F0F0F0;
	color:#000;
}

/* PAGINATION */

.pagination {
    clear: both;
    padding-bottom: 10px;
    padding-top: 10px;
}
.pagination a {
    border: 1px solid #D5D5D5;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
  margin:2px;
}
.pagination a:hover, .pagination a:active {
    background:#efefef;
}
.pagination span.current {
    background-color: #687282;
    border: 1px solid #D5D5D5;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
        margin:2px;
}
.pagination span.disabled {
    border: 1px solid #EEEEEE;
    color: #DDDDDD;
    margin: 2px;
    padding: 2px 5px;
}