body
{
	background-color: white;
	font-size: 16px;
	font-family: Arial, sans-serif;
	color: #808080;
}

	body.loginPage
	{
		background-color: #2A3B8F;
	}

div.placeholderDiv
{
	padding: 50px;
}

div.loginContainer
{
	background-color: white;
	height: 320px;
	width: 340px;
	text-align: center;
	margin: auto auto auto auto;
	border-radius: 2px;
}

div.loginLogoBar
{
	background-color: #f2f2f2;
	height: 80px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	background-image: url('/images/logo_twocolour.png');
	background-repeat: no-repeat;
	background-position: center;
}

div.loginFormatDiv
{
	padding: 10px;
}

.loginFieldDiv
{
	padding: 3px;
    text-align: center;
}

	.loginFieldDiv input {
		height: 30px;
		width: 240px;
		border-radius: 2px;
		border-color: #f2f2f2;
		border-style: solid;
		font-size: 18px;
		padding-left: 10px;
		margin-top: 3px;
		margin-bottom: 14px;
	}

input.loginUsername
{
	margin-top: 25px;
	margin-bottom: 15px;
}

input.loginPassword
{
	margin-top: 15px;
	margin-bottom: 15px;
}

div.loginButtonDiv
{
	padding: 15px;
}

button
{
	height: 36px;
	width: 254px;
	background-color: #C1272D;
	color: white;
	border-radius: 2px;
	border-style: solid;
	border-color: #C1272D #871B1F #871B1F #C1272D;
	font-size: 16px;
	background: #C1272D;
	background: -webkit-gradient(linear, left top, left bottom, from(#C1272D), to(#871B1F));
	background: -moz-linear-gradient(top, #C1272D, #871B1F);
}

div.pageHeader
{
	height: 30px;
	padding: 10px;
	background-color: #2A3B8F;
	border-radius: 2px;
	color: white;
	font-size: 18px;
}

div.dashboardLogo
{
	background-image: url('/images/logo_white.png');
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.dashboardLogout
{
	position: absolute;
	top: 20px;
	right: 25px;
}

	.dashboardLogout button
	{
		background: none;
		border: none;
        margin-top: -6px;
		font-weight: bold;
		width: inherit;
	}

div.pageContents
{
	padding-top: 80px;
	width: 1200px;
    height: 1340px;
	min-height: 600px;
	margin: auto auto auto auto;
	text-align: center;
}

div.dashboardLogo
{
	height: 40px;
}

.headerbuttons
{
	height: 40px;
	width: 100%;
}

.searchCombo
{
	width: 360px;
	float: left;
}

	.searchCombo .searchBox
	{
		width: 240px;
		border-radius: 2px;
		border-color: #f2f2f2;
		border-style: solid;
		font-size: 18px;
		padding-left: 10px;
		margin-right: -5px;
		height: 29px;
		padding-bottom: 2px;
	}

	.searchCombo .searchButton
	{
		background: none;
		background-color: #333333;
		border: none;
		border: 2px #333333 solid;
		font-weight: bold;
		border-radius: 0px 5px 5px 0px;
		width: 100px;
		padding: 3px 6px;
		height: 36px;
	}

button.newCustomerButton
{
	height: 36px;
	width: 244px;
	float: right;
	font-size: 16px;
	margin-right: 30px;
	font-weight: bold;
}

button.systemLogButton
{
	height: 36px;
	width: 244px;
	float: right;
	font-size: 16px;
	background: none;
	background-color: #2a3B8F;
	border-color: #2a3b8f;
	font-weight: bold;
}

div.dashboardTable
{
	padding-top: 36px;
}

table
{
	border-collapse: collapse;
	border-radius:10px;
	overflow:hidden;
}

.mainDashboard
{
	width: 100%;
	text-align: left;
}

	.mainDashboard tr td
	{
		padding: 10px;
        padding-right: 0px;
	}

		.mainDashboard tr td:first-child
		{
			color: #333333;
           
		}

	.mainDashboard tr th
	{
		padding: 10px;
		color: #666666;
	}

	.mainDashboard tr
	{
		background-color: white;
	}

	.mainDashboard tbody tr:hover
	{
		background-color: #f3f3f3;
	}


table.customerDashboardTable
{
	margin-top: 40px;
	width: 800px;
	float: left;
}

td
{
	padding-top: 3px;
}

tr
{
	border-color: #f2f2f2;
	border-width: 1px;
	border-style: solid;
}

th
{
	background-color: #f2f2f2;
}

div.pageFooter
{
	height: 40px;
	background-color: #f2f2f2;
	background-image: url('/images/logo_grey.png');
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: 20px;
	padding-left: 50px;
}

.pageFooter span
{
	color: #333333;
	font-weight: bold;
	font-size: 11px;
	display: block;
	padding: 14px;
}


.modal
{
	background-color: #fff;
	display: none;
	width: 350px;
	padding: 15px;
	text-align: center;
	border: 2px solid #333;
    opacity: 1;
    border-radius: 6px;
    box-shadow: 0 0 50px #ccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

	.modal h2
	{
		background: url(/media/img/global/info.png) 0 50% no-repeat;
		margin: 0px;
		padding: 30px 0 10px 30px;
		font-family: Arial;
		font-size: 30px;
        font-weight: lighter;
        text-align: left;
        color: #2A3B8F;
	}

.close
{
	background-image: url(close-image.jpg);
	position: absolute;
	right: 5px;
	top: -40px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}

div.customerLoginBox
{
	margin-top: 30px;
	width: 290px;
	padding-top: 20px;
	padding-bottom: 30px;
	background-color: #f2f2f2;
	float: right;
}
    .customerLoginBox h2 {
        font-weight: lighter;
        color: #2A3B8F;
    }

button
{
    cursor: pointer;
}

button.adminButton {
	width: 290px;
	margin-top: 30px;
    background-color: #2A3B8F;
    background: #2A3B8F;
    border-color: #2A3B8F;
}

button.xeroButton
{
	width: 220px;
    margin-top: 5px;
}

button.setupButton
{
	width: 220px;
	margin-top: 30px;
    background-color: #2A3B8F;
    background: #2A3B8F;
    border-color: #2A3B8F;
}

div.configureAccountDiv
{
	width: 800px;
 	background-color: white;
	border: solid 1px #f2f2f2;
	border-radius: 2px;
	float: left;
	margin-top: 30px;
	padding-bottom: 20px;
}
    .configureAccountDiv h2 {
        margin-bottom: 15px;
        margin-top: 15px;
        font-weight: lighter;
        color: #2A3B8F;
        font-size: 25px;
    }
    .configureAccountDiv hr
    {
        background-color: #f2f2f2;
        border: none;
        height: 1px;
        width: 100%;
        margin-left: 0;
    }
    .configureAccountDiv .inputField
    {
        width: 233px;
        height: 28px;
        padding-left: 10px;
        border-radius: 2px;
        border-color: #f2f2f2;
        border-style: solid;
    }

    .configureAccountDiv h4
    {
        margin: 0px;
        margin-left: 20px;
        text-align: left;
        font-weight: 100px;
        font-weight: lighter;
        padding: 13px 0px 0px 0;
    }

    .configureAccountDiv .row
    {
	overflow: auto;
    }

    .configureAccountDiv .col2
    {
	float:left;
	width:350px;
	margin:0px 25px;
    }

    .configureAccountDiv .col1
    {
	margin:0px 25px;
    }

    
.breadcrumb
{
	text-align: left;
	font-size: 10pt;
	color: #999999;
}

h1
{
	text-align: left;
	font-weight: 100;
	color: #2a3b8f;
	margin: 0px;
}

hr
{
	background-color: #999999;
	border: none;
	height: 1px;
}

.logtable
{
	width: 60%;
}

	.logtable tr.ERROR
	{
		background-color:#ffeeee;
		
	}

	.logtable tfoot
	{
		font-size: 10pt;
		background-color:#cccccc !important;
	}
  .logtable tfoot tr {
         background-color: #f2f2f2;
    }

		.logtable tfoot span
		{
			height: 30px;
            color: #808080;
		}

		.logtable tfoot button
		{
			border: none;
			background: none;
			color: #808080;
			width: inherit;
			height: inherit;
			font-size: 10pt;
		}

			.logtable tfoot button:disabled
			{
				color:#cccccc;
			}

.custlogtable tfoot button
{
	border: none;
	background: none;
	color: #333333;
	width: inherit;
    height: inherit;
    font-size: 10pt;
     color: #808080;
}

    .custlogtable tfoot {
        color: #808080;
    }
        .custlogtable tfoot tr {
            background-color: #f2f2f2;
        }
        .custlogtable tfoot span {
            height: 30px;
            color: #808080;
        }
.customerDashboardTable tfoot button
{
	border: none;
	background: none;
	color: #333333;
	width: inherit;
    height: inherit;
    font-size: 10pt;
     color: #808080;
}

.customerDashboardTable tfoot {
        color: #808080;
    }
        .customerDashboardTable tfoot tr {
            background-color: #f2f2f2;
        }
        .customerDashboardTable tfoot span {
            height: 30px;
            color: #808080;
        }

#rightPannel {
    float:right;
}
.yourConfig{
    text-align: left;
    margin: 0px;
    margin-left: 20px;
    font-size: 15px;
}

.logInformation {
    text-align: left;
    margin-left: 15px;
    width: 290px;
}
    .logInformation h4 {
        font-weight: lighter;
        font-size: 18px;
        margin-bottom: 0px;
    }
    .logInformation p {
        font-size:15px;
    }
#customerDialogPopup hr {
    width: 351px;
    margin-left: -17px;
}

#returnToDashboard{
    height: 36px;
    width: 244px;
    background: none;
    background-color: #2a3B8F;
    border-color: #2a3b8f;
    font-weight: bold;
    margin: 10px -40px 0px 0px;
}

select#accountCodes
.accountCodesTable option {
    width:700;
}
.accountCodesTable tr td:first-child {
    width: 250px;
}

.buttons 
{ 
    width:1000px; 
}

button#saveAccountMapping 
{
    float:left;
    margin:10px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.logdetails
{
	display: none;
	width: 30%;
	border: 1px solid #999999;
	position: absolute;
	border-radius: 5px;
	min-height: 100px;
	padding: 20px;
}

/* create customer dialog */

.ui-dialog-titlebar { display: none !important; }
.ui-widget-content {border:none !important; }
.ui-dialog .ui-dialog-content{ 
    height: 525px !important;
    overflow: visible !important;
}
.ui-widget-overlay { background: #000 !important; }
.ui-resizable-handle { display: none !important; }
.ui-dialog { padding:0 !important; overflow:visible !important; }

.alert {
    font-size: 10px;
	margin: 0;
	color: red;
	margin-top: -13px;
}
.alert span:empty {
	display: block;
	margin-bottom: 13px;
}

.newCustomerHR {
    background-color: #999999;
    border: none;
    height: 1px;
    width: 351px;
    margin-left: -17px;
}

.closeButton{
    width:26px;
    height:26px;
    border-radius: 25px;
    background-color:transparent;
    border: 2px solid white;
    margin-top: -55px;
    margin-right: -18px;
    float: right;
	color: white;
	cursor: pointer;
}
.yourConfigInput {
    margin-left: -100px;
    font-size: 13px;
}
#configureAccountSave {
    margin-top: 12px;
    background-color: #2A3B8F;
    background: #2A3B8F;
    border-color: #2A3B8F;
}

.userCodeDescription {
    height: 25px;
    width: 220px;
    border: none;
    font-size: 13px;
}

        .mainBox{
            margin: auto auto;
            margin-top: 150px;
            border: 1px solid #f2f2f2;
            width: 400px;
            height: 400px;
        }
        .greyHead{
            background-color: #f2f2f2;
            width: 400px;
            height: 80px;
        }
        .logo{
          height: 80px;
/* border-top-left-radius: 2px; */
/* border-top-right-radius: 2px; */
background-image: url(images/logo_twocolour.png);
background-repeat: no-repeat;
background-position: left;
margin-left: 10px;
 
        }
        .content{width: 400px;}
        .text{
            padding: 40px;
        }
        .buttonContainer{
            width: 400px;
            height: 40px;
            text-align: center;
        }
        #nameHeading{
            margin: 0;
            font-size: 20px;
            font-weight: lighter;   
        }
        #connectToXeroBtn{
            height: 36px;
            width: 254px;
            background-color: #C1272D;
            color: white;
            border-radius: 2px;
            border-style: solid;
            border-color: #C1272D #871B1F #871B1F #C1272D;
            font-size: 16px;
            background: #C1272D;
            background: -webkit-gradient(linear, left top, left bottom, from(#C1272D), to(#871B1F));
        }

        .footer{
            margin: auto auto;
            text-align: center;
            margin-top: 30px;
            font-size: 12px;
        }

#overlayLoading {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 1390px;
    background: #000;
    opacity: 0.4;
    filter: alpha(opacity=80);
}
#loading {
    width: 50px;
    height: 57px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
    font-size: 36px;
    color: white;
}

.errorMessage {
    font-size: 15px !important;
    width: 790px;
    margin-left: 40px;
}