html * {
    margin: 0;
    padding: 0;
}

html,body {
   	height:100%;	
    text-align: center;
}

#container {
    width: 932px;
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:-2em auto 0 auto;
    text-align: left;
    padding-bottom:0em;
}

#content_container {
   	text-align: justify;
}

/*header when user has not logged in*/
#header_isNotLogin{
    height:16.5em;
    position:absolute;
    top:0px;
    width:932px;
}

/*header when user has logged in*/
#header_isLogin{
    height:11.5em;
    position:absolute;
    top:0px;
    width:932px;
}

#account_settings{
    height:2em;
}

span#page_title{
    position:relative;
    top:1em;
}

span#table_title{
    position:relative;
    top:1.5em;
    bottom:1em;
}
/*includes the content and left and right sidebar content */
#content_container{
    padding:13em 1em 1em 1em;
    width:900px;
}

/* content when login*/
#content{
    margin: 10px 0px 0px 28px;
	width: 850px;
}

/* content of left side bar*/
#left_sidebar {
   	width: 190px;
	float: left;
    position:relative;
    margin-left:15px;
    margin-top:6em;
}

/* content of right side bar*/
#right_sidebar {
    float: left;
	text-align: justify;
    position:relative;
    margin-top:6em;
}

#forgot_password{
    margin: 5em 1em 1em 3em;
	width: 850px;
}

#footer {
    height:2.5em;
    width:932px;
    margin:auto;
    margin-top:-1.3em;
}

#footer p{
    text-align:right;
    padding-right:10px;
    padding-top:2px;
}

#eips_logo{
    position:absolute;
    top:8px;
    padding-bottom:1.5em;
    left:20px;
    width:100px;
}

#vasp_logo{
    position:absolute;
    left:605px;
    top:10px;
    padding-bottom:1.5em;
    width:100px;
    margin-left:145px;
}

#header_image {
	position:absolute;
	left:0px;
    top:10px;
}


#system_name{
    position:relative;
    margin-top:-5px;
    margin-left:335px;
}

/* Use to login message "You are logged in as" */
#login_message{
    position:relative;
    margin-top:1.5em;
    margin-left:30em;
}

/* Includes account settings and logout */
#account_settings{
    position:relative;
    margin-top:1em;
    margin-left:43em;
    margin-bottom:39px;
}
/* Menu */

ul#tabmenu {
	text-align: left;
    padding: 3px 0px 3px 0px; /* THIRD number must change with respect to padding-top (X) below */
    margin-left: 17px;
}
ul#tabmenu  li{
    display: inline;
}

#tabmenu li a {
    padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    margin-right: 0px; /* set additional spacing between tabs as desired */
}


/* Left Sidebar */
#left_sidebar .box_container {
	margin-bottom: 11px;
    padding:5px;
    width:170px;
}

/* Left Sidebar : User Login */
#userlogin{
    position:relative;
    margin-right:72px;
}

#login {
    position:relative;
    margin-right:15px;
    margin-top:0px;
	text-align: left;
}

#login form {
	padding-right: 0px;
}

#login .form_field {
	padding-left: 1px;
	padding-top: 3px;
	width: 155px;
	float: none;
	clear: both;
	text-align: right;
}

#login form strong {
	padding-top: 1px;
	display: block;
	width: 60px;
	height: 13px;
	float: left;
	text-align: left;
}

#login h2 {
    height:15px;
    width:80px;
}

#login .text {
    width:160px;
}

#login .chk {
    height:12px;
}

/* Left Sidebar : Latest News */
#latest_news{
    position:relative;
    margin-right:72px;
    margin-left:0px;
   
}

#news {
	padding: 7px;
	text-align: left;
    margin-top:-7px;
    margin-left:-7px;
    line-height:12px;
}

#news h2 {
	width: 76px;
	height: 19px;
}

#news h4 {
	padding-top: 6px;
}

#news p {
	margin-top: 5px;
	margin-bottom: 6px;
	line-height: 12px;
}

#news .link-more {
	text-align: right;
}


/*Right Sidebar */
#right_sidebar_content {
	margin: 2px 10px 0px 10px;
	width: 660px;
}

#right_sidebar_content #enrollment_message{
    line-height: 16px;
    padding: 2px 2px 2px 30px;
    margin: 10px 0 5px 0;
}

/* Right Sidebar : Top */
#registration {
	margin-bottom: 0px;
	width: 640px;
    border:1px dashed #000000;
    padding-top:10px;
    padding-bottom:5px;

}

/* Right Sidebar : Top *: locator **/
#locator_container {
	width: 200px;
	float: left;
}

#locatorlabel {
	padding-top: 2px;
	width: 170px;
    float: right;
    height:150px;
}

#locatorlabel p{
    position:absolute;
    margin-left:5px;
    margin-top:9em;

}

/* Right Sidebar : Top *: broker **/
#broker_container {
	width: 200px;
	float: left;
}

#brokerlabel {
	margin-left: auto;
    float: right;
    width: 170px;
    height:150px;
}
#brokerlabel p{
     position:absolute;
    margin-left:5px;
    margin-top:9em;
}
/* Right Sidebar : Top *: broker **/
#else_container {
	width: 200px;
	float: left;
}

#elselabel {
	margin-left: auto;
    float: right;
    width: 170px;
    height:150px;
}
#elselabel p{
     position:absolute;
    margin-left:5px;
    margin-top:9em;
}

/* Right Sidebar : Bottom */
#main_article_container {
	float: left;
}

#main_article {
	width: 670px;
}

#main_article p{
	margin: 9px 10px;
    font-size:11px;
}

#main_article h2 {
	width: 350px;
	height: 20px;
}

#contact_details_container {
    float:left;
}

#contact_details {
    width: 670px;
}

#contact_details p{
	margin: 9px 10px;
}

/*Fieldset*/
fieldset{
    position:relative;
    margin-bottom:25px;
    padding:2mm;
    line-height:16px;
    top:1em;
}

legend{
    padding:1mm;
}

/* TABLES */
table {
    top:5px;
    position:relative;
    overflow:hidden;
}

td, th {
    line-height: 12px;
    padding: 5px 5px;
    text-align: left;
    vertical-align: top;
    overflow:auto;
}

th {
    line-height: 17px;
    padding: 2px 6px;
}

th a:link, th a:visited, th a:hover {
    display: block;
    width: 100%;
}

th.asc a, th.desc a {
    background-position: right;
    background-repeat: no-repeat;
}

/* LIST */
.list table {
    width:100%;
    overflow:hidden;
}

/* DIALOG */

.dialog table {
    padding-bottom:10px;
    width:100%;
    margin-top:5px;
    margin-bottom:10px;
    overflow:hidden;
}

.prop {
    padding: 5px;
    overflow:hidden;
}

.prop .name {
    text-align: left;
    width: 15%;
}

.prop .value {
    text-align: left;
    width: 50%;
    overflow:hidden;
}


h1{  
    padding-bottom:12px;
    position:relative;
    top:15px;
}

h2{
    padding-left:10px;
    padding-bottom:5px;
    margin-top:.5em;
    padding-top:12px;
}
h3{
    padding-top:1em;
    padding-bottom:5px;
}

h4{
    padding-top:.5em;
    padding-bottom:5px;
    font-size:12px;
}

span.currentStep {
	display:inline;
}

p {
	margin: 15px 0px 5px;
	text-align: justify;
	line-height: 14px;
}

.clearthis {
	height:3px;
	clear : both;
	overflow : hidden;
}

input {
	padding-left: 2px;
    overflow:hidden;
}

/*MENU BUTTONS*/
.menubutton {
    display:inline;
    position:relative;
    height:15px;
    padding-left:10px;
}

.menuButton a.addComment {
    padding-left: 25px;
    right:10px;
}

.menuButton a.create {
    padding-left:25px;
    padding-bottom:2px;
    width:250px;
    position:relative;
}

.menuButton a.upload {
    padding-left: 25px;
    position:relative;
}

.menuButton a.deposit {
    padding-left: 25px;
}

/* ACTION BUTTONS */
.buttons{
    margin-top: 5px;
    overflow: hidden;
    padding: 2px;
}

.buttons input {
    margin-left: 3px;
    overflow: visible;
}


.buttons input.search {
    padding-left: 28px;
}

.buttons input.generateReport {
    text-align:center;
}
.buttons input.generatePassword {
    text-align:center;
}

.buttons input.reset {
    padding-left:28px;
}

.buttons input.show {
    padding-left: 28px;
}

.buttons input.edit {
    padding-left: 28px;
}
.buttons#editItem input.edit {
    padding-left: 28px;
    padding-right:27px;
}

.buttons input.save {
    padding-left: 28px;
}

.buttons input.apply {
    padding-left: 28px;
     padding-top:1px;
    padding-bottom:1px;
}
.buttons input.cancel {
    background: transparent url(../images/skin/cancel.png) 0px 50% no-repeat;
    color: #333;
    padding-left: 15px;
}

.buttons input.reject {
    padding-left: 28px;
}

.buttons input.tagbutton {
    text-align:center;
 }

.buttons input.approve {
    padding-left: 28px;
}

.buttons input.changeMinimumBalance {
    padding-left: 28px;
}

.buttons input.change{
    padding-left: 28px;
}

.buttons input.add{
    padding-left: 18px;
}
.buttons input.create{
    padding-left: 20px;
}
.buttons input.accept{
    padding-left: 28px;
}

.buttons input.enable{
    padding-left: 28px;
}

.buttons input.disable{
    padding-left: 28px;
}

.buttons input.removeItem{
    padding-left: 28px;
    padding-bottom:.3em;
}

.buttons input.delete{
    padding-left:28px;
    padding-bottom:.3em;
}

.buttons input.upload {
    padding-left: 30px;
    padding-bottom:.3em;
}


.buttons input.select{
    padding-left: 28px;
}

.buttons input.saveDeposit{
    padding-left: 28px;
}

.buttons input.verify{
    text-align:center;
 }

.buttons input.tagAsCancelled{
    text-align:center;
}

.buttons input.tagAsDelivered{
    text-align:center;
}

.buttons input.tagAsUsed{
    text-align:center;
 }

.buttons input.tagAsReceived{
    text-align:center;
}

.buttons input.print{
    padding-left: 25px;
}

input.submit{
    padding-left: 28px;
}

.CheckBoxList {
    overflow: auto;
    overflow-x: hidden;
    width: 200px;
    margin: 0; padding:0px
}

.CheckBoxList li  {
	padding:1px
}

.islogin{
	padding:0px;
	text-align:justify;
    position: absolute;
    top:35px;
    right:20px;
    width:400px;
}

.input-username{
    float:left;
}

.input-password{
    float:right;
}

/* PAGINATION */
.paginateButtons {
    overflow:hidden;
    padding: 7px 3px;
    text-align:right;
    margin-top:15px;
}

.paginateButtons a {
    margin: 0 3px;
    padding: 2px 6px;
}

.paginateButtons span {
    padding: 2px 3px;
    display:inline;
}

/* MESSAGES AND ERRORS */


#message_islogin {
	position:absolute;
    left:610px;
}

div.error#report{
    margin: 10px 0 5px 0px;
    padding: 5px 0 5px 30px;
}

div.errors#importable{
    margin: 20px 0 5px 0px;
    padding: 5px 0 5px 30px;
 }

 div.error{

    padding-left:2em;
    padding-top:4px;
    padding-bottom:4px;
    position:relative;
    top:.5em;
    overflow:hidden;
}

.message {
    padding: 5px 5px 5px 30px;
    line-height: 16px;
    margin-top:.5em;
}

div.errors {
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
    overflow:hidden;
    }

div.errors ul {
    padding: 0;
}

div.errors li {
    line-height: 16px;
    padding-left: 30px;
}

.subtext {
	color: #900;
	font-size: 0.90em;
	font-style: bold;
/* 	text-align:left; */
/* 	margin-left:5px; */
}

.eips_subtext {
	margin-left:15px;
	margin-top: 110px;
	color:black;
	font-size: .85em;
	padding: 2px;
/* 	overflow: visible; */
}

.vasp_subtext {
	text-align:right;
	margin-left:585px;
	margin-right:20px;
	margin-top:-40px;
	color:black;
	font-size: .85em;
	padding: 2px;
/* 	overflow: visible; */
}