/*
    Document   : layout
    Created on : Feb 27, 2012, 4:30:23 PM
    Author     : VCMS Installer
    Description:
        General layout stylesheet for VCMS sites
*/

@import url(/css/text.css);
@import url(/css/topMenu.css);

body {
	margin: 0;
	padding: 0;
	background: #fff;
}

#wrapper {
	width: 1200px;
	margin: 50px auto;
	max-width: 90%;
}

#logo {
	width: 1200px;
	height: 130px;
	/*background: url(/assets/layout/mh_bg.png) center top no-repeat;*/
	overflow: hidden;
	/*text-indent: -3000px;*/
	margin: 0 0 50px;
}

#footer {
	width: 400px;
	font-size: 6pt;
	color: #999;
	margin: 100px auto 20px;
	line-height: 18px;
	position: relative;
}

#login_form_pane {
    margin: auto;
    width: 400px;
	/*margin-left: 400px;*/
}

#profileForm {
	width: 800px;
	margin-left: 200px;
}

#vgCredit,
#vgCredit:visited
{
	position: absolute;
	right: 0;
	top:0;
	width: 181px;
	height: 66px;
	overflow: hidden;
	text-indent: -3000px;
	background: url(/assets/layout/vgCredit.png) left top no-repeat;
}

#vgCredit:hover {
	background-position: left bottom;
}

.formTitle {
	display: none;
}

.itemRow,
.buttonSet
{
	width: auto;
	overflow: hidden;
	margin: 5px 0;
}

.form_grid_table td input[type=text],
.itemRow input[type=text],
.itemRow input[type=email],
.itemRow input[type=password],
.itemRow textarea {
	width: 95%;
	border: 1px solid #999;
	padding: 4px;
	border-radius: 3px;
	background-color: #eee;
        transition: background-color 1s ease;
}

.form_grid_table td input[type=text]:focus,
.itemRow input[type=text]:focus,
.itemRow input[type=email]:focus,
.itemRow input[type=password]:focus,
.itemRow textarea:focus {
	background-color: #fff;

}

.itemLabel {
	float: left;
	width: 20%;
	line-height: 25px;
}

.cssInput,
.buttonSet button {
	margin-left: 25%;
}

.form_grid_table {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    border: 0;
}

.form_grid_table th,
.form_grid_table td {
    position: relative;
    min-height: 20px;
    border: 0;
}

.form_grid_table td input[type=text] {
    min-width: 100%;
    box-sizing: border-box;
}

.form_grid_table td input[type=text]:placeholder-shown {
    color: #eee;
}

/*=========== Modal stuff ===========*/



#modal_default {
	display: block;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}

.vcms_modal {
	border: 1px solid #333;
	border-radius: 8px;
}

div.modalTitle {
	background: url("/assets/layout/modal_title_bg.png") repeat-x center top #fff;
	height: 50px;
	margin: 10px;
	overflow: hidden;
	padding: 0 0 0 11px;
	position: relative;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	color: #333;
}

div.modalTitle  a.modalClose,
div.modalTitle  a.modalClose:visited {
	background: url("/assets/layout/modal_close.png") repeat scroll left top transparent;
	float: right;
	height: 14px;
	margin: 5px;
	overflow: hidden;
	text-indent: -10000px;
	width: 14px;
}
.modalTitle  a.modalClose:hover {
	background-position: left bottom;
}

table.grid_element {
	width: 365px;
	overflow: scroll;
	display: inline-block;
	border: 1px solid black;
}

.hidden {
    display: none;
}

.xero_action_link {
    background: #94ce3c;
/*    background: -moz-linear-gradient(top,  #94ce3c 0%, #2e8c00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94ce3c), color-stop(100%,#2e8c00));
    background: -webkit-linear-gradient(top,  #94ce3c 0%,#2e8c00 100%);
    background: -o-linear-gradient(top,  #94ce3c 0%,#2e8c00 100%);
    background: -ms-linear-gradient(top,  #94ce3c 0%,#2e8c00 100%);*/
    background: linear-gradient(to bottom,  #94ce3c 0%,#2e8c00 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94ce3c', endColorstr='#2e8c00',GradientType=0 );*/
    color: #f9f9f9;
    text-shadow: -2px -2px 0px #578c08;
}

.xero_action_link:active {
    background: #2e8c00;
/*    background: -moz-linear-gradient(top,  #2e8c00 0%, #94ce3c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e8c00), color-stop(100%,#94ce3c));
    background: -webkit-linear-gradient(top,  #2e8c00 0%,#94ce3c 100%);
    background: -o-linear-gradient(top,  #2e8c00 0%,#94ce3c 100%);
    background: -ms-linear-gradient(top,  #2e8c00 0%,#94ce3c 100%);*/
    background: linear-gradient(to bottom,  #2e8c00 0%,#94ce3c 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e8c00', endColorstr='#94ce3c',GradientType=0 );*/

}


.xero_action_link {
    border: 1px solid #777;
    border-radius: 4px;
    margin-bottom: 10px;
}


.xero_action_link a,
.xero_action_link a:visited {
    display: block;
    padding: 6px 10px 6px 40px;
    color: #fff;
    text-decoration: none;
    font-size: 9pt;
    line-height: 20px;
    background-position: 6px center;
    background-repeat: no-repeat;
}

.xero_action_link a:active {
    color: #fff;
}

.xero_contacts {
    background-image: url('/assets/icons/mail.png')
}