/*
Theme Name: Blue Lightning

Version: 1.0
Author: Marijn Rispens
*/


/* ============== GENERAL ============== */
html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

html, body
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small;
	color: #405a69;
	height: 100%;
}

body
{
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
}

input
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 90%;
	color: #000000;
}

.clear
{
	clear: both;
	font-size: 0;
	height: 0;
}

.left
{
	float: left;
}
.right
{
	float: right;
}

a
{
	text-decoration: none;
	color: #4f6a79;
}
a:hover
{
	text-decoration: underline;
}


/* ============== CONTAINER ============== */
.container
{
	margin: 0;
	width: 100%;
	min-width: 600px;
	height: 100%;
}


/* ============== MAIN ============== */

table.mainContainer
{
    width: 100%;
    height: 90%;
}
    table.mainContainer .centerer
    {
        text-align: center;
        vertical-align: middle;
    }
    
        table.mainContent
        {
            margin: auto auto;
            min-width: 500px;
            height: 300px;
            text-align: left;
        }
        table.mainContent .leftTop
        {
            height: 7px;
            width: 7px;
	        background-image: url(images/mainBg_leftTop.png);
	        background-repeat: no-repeat;
        }
        table.mainContent .TopMiddle
        {
            height: 7px;
	        background-image: url(images/mainBg_topMiddle.png);
	        background-repeat: repeat-x;
        }
        table.mainContent .RightTop
        {
            height: 7px;
            width: 7px;
	        background-image: url(images/mainBg_rightTop.png);
	        background-repeat: no-repeat;
        }
        table.mainContent .RightMiddle
        {
            width: 7px;
	        background-image: url(images/mainBg_rightMiddle.png);
	        background-repeat: repeat-y;
        }
        table.mainContent .RightBottom
        {
            height: 7px;
            width: 7px;
	        background-image: url(images/mainBg_rightBottom.png);
	        background-repeat: no-repeat;
        }
        table.mainContent .BottomMiddle
        {
            height: 7px;
	        background-image: url(images/mainBg_bottomMiddle.png);
	        background-repeat: repeat-x;
        }
        table.mainContent .LeftBottom
        {
            height: 7px;
            width: 7px;
	        background-image: url(images/mainBg_leftBottom.png);
	        background-repeat: no-repeat;
        }
        table.mainContent .LeftMiddle
        {
            width: 7px;
	        background-image: url(images/mainBg_leftMiddle.png);
	        background-repeat: repeat-y;
        }
        table.mainContent .Content
        {
            background-color: White;
            vertical-align: top;
        }
        
			table.mainContent .Content .warningMessage
			{
				clear: both;
				padding: 25px 0 0 0;
				color: #663333;
			}

/* ============== LOGIN CONTENT ============== */

	#logonSquare
	{
		padding: 30px 50px 30px 40px;
		
	}
	
		.SupplierSelect
		{
			float: left;
		    display: block;
		    height: 60px;
		    width:  150px;
		    margin: 0 15px 55px 15px;
		}
	
		#logonSquare h2
		{
			font-size: 200%;
			font-weight: normal;
		}
		
		#logonSquare p
		{
			padding-top: 10px;
			padding-bottom: 25px;
			
			font-size: 90%;
			font-weight: normal;
		}
		
		#logonBox
		{
			margin-top: 15px;
			margin-bottom: 10px;
			padding: 5px 5px 5px 5px;
			
			background-image: url(images/Logon_username_bg.jpg);
			background-repeat: no-repeat;
			width: 357px;  /* 367 - 10 = 357 */
			height: 30px;  /* 40 - 10 = 30 */
		}
		
			#logonBox input
			{
				border: 0px;
				width: 357px;
				height: 30px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				
				color: Gray;
				font-size: 135%;
				
				Background-color: Transparent;
			}
			
		#logonBoxPass
		{
			float: left;
			margin-top: 10px;
			margin-bottom: 10px;
			padding: 5px 5px 5px 5px;
			
			background-image: url(images/Logon_password_bg.jpg);
			background-repeat: no-repeat;
			width: 305px;  /* 315 - 10 = 305 */
			height: 30px;  /* 40 - 10 = 30 */
		}
		
			#logonBoxPass #Password
			{
				border: 0px;
				width: 305px;
				height: 30px;
				
				color: Gray;
				font-size: 135%;
				
				Background-color: Transparent;
			}
		
		#submitBox
		{
			float: left;
			width: 42px;
			height: 40px;
			margin-top: 10px;
			padding: 0 0 0 10px;
		}
		
		.validation
		{
			margin-top: 10px;
			/*height: 65px;*/
			font-size: 85%;
		}
			
			.validation-summary-errors
			{
				color: Red;
			}
			
				.validation-summary-errors li
				{
					margin-left: 15px;
					margin-top: 10px;
				}
			
		.loginFooter
		{
			margin-top: 20px;
			margin-bottom: 10px;
			
			color: Gray;
			font-size: 80%;
			font-weight: normal;
		}