body 
{
	background-color: #B9D3E3;
	margin: 0px;
	font-family: Arial;
	font-size: 0.8em;
	color: Black;
}

body.LoginPage
{
	background-color: White;
}

.AlignRight
{
    text-align: right;
}

.TopBar
{
    background-color: #0B78AF;
    height: 38px;
    padding: 4px 10px 0px 10px;
}

.Title
{
    background-image: url('img/logo.png');
	background-repeat: no-repeat;
	height: 31px;
	width: 80px;
	float: left;
}

.UserInfo
{
    height: 31px;
    float: right;
    color: white;
    padding: 8px 0px 0px 0px;
}

.UserInfo a
{
    color: white;
    margin: 0px 0px 0px 8px
}

.UserInfo a:hover
{
    color: blue;
}

/*Login Page*/
.LoginBox
{
	width: 350px;
	height: 280px;
	
	/*Center the login box*/
	position:absolute; 
	top:50%;
	left: 50%;
	margin: -140px 0px 0px -175px;
    background-color: white;
}

.LoginLogo
{
    background-image: url('img/ILINX_Login_logo.png');
	background-repeat: no-repeat;
	height: 33px;
	width: 146px;

    margin: 0px 0px 20px 0px;
}

.LoginTable
{
	margin: 0px auto 0px auto;
    width: 100%;
	/*width: 348px;*/
}

.LoginFieldName
{
	text-align: left;
	padding: 2px;
}

.LoginFieldValue
{
	padding: 2px;
}

.LoginCommands
{
	text-align: left;
	padding: 4px 0px;
    margin: 20px 0px 0px 0px;
}

.LoginInfo 
{
    text-align: left;
    padding: 2px;
    margin: 16px 0px 0px 0px;
}

/*Search Page*/
.UserInfomartion
{
	float: right;
	margin: 8px;
}

.UserName
{
	color: White;
}

a.LogoutCommand
{
	color: #D3D3D3;
	text-decoration: none;
}

a.LogoutCommand:hover
{
	color: White;
	text-decoration: none;
}

.SearchTable
{
	width: 100%;
}

.SearchFieldName
{
	width: 100px;
}

.SearchFieldValue
{
}

.ContentContainer
{
	margin-bottom: 24px;
    width: 100%;
    overflow: auto;
	overflow-y: hidden;
}

.ContentHeader
{
    margin-bottom: 4px;
}

.ErrorContainer
{
	color: Red;
	text-align: center;
	font-weight: bold;
}

.MainContent
{
    background-color: #F9F9F9;
	/*background-color: White;*/
	margin: 20px;
	padding: 20px;
	border: #8C8E94 solid 1px;
}

table.ExportSearchFields,
table.ExportSearchResults
{
	width: 100%;
	background-color: White;
	border: #DDDDDD solid 1px;
	border-collapse: collapse;
}

table.ExportSearchFields th,
table.ExportSearchFields td
{
	/*border: #8C8E94 solid 1px;*/
}

table.ExportSearchFields th,
table.ExportSearchResults th
{
	background-color: #B9D3E3;
	padding: 8px 6px;	
	text-align: left;
	font-weight: normal;
    /*padding: 6px 4px 6px 4px;
    border-bottom: 1px solid #777;
    background: #EBEBEB;
    font-weight: normal;*/ 
}

table.ExportSearchFields th.OperatorColumn {
    text-align: center;
}

table.ExportSearchResults th a
{
	color: Black;
}

table.ExportSearchResults th a:hover
{
	color: #1C5172;
}

table.ExportSearchFields td,
table.ExportSearchResults td
{
	padding: 4px 12px;	
	color: #062472;
    /*padding: 4px;
    border-bottom: 1px solid #777;*/
}

table.ExportSearchResults td.ViewCommands
{
     padding: 4px 4px 4px 0px;	
}

.ViewCommands
{
	width: 40px;
}

.SearchCommand
{
	text-align: right;
	padding: 4px 2px;
}

.ConfirmCommand
{
    text-align: center;
	padding: 6px 2px;
}

.ConfirmCommand input
{
    margin: 0px 8px;
}

.ConfirmPanel
{
    padding: 4px 2px;
}

.ConfirmPanel ul
{
    margin: 12px 0px 0px 24px;
    padding: 0px;
}

.AltRow
{
	background-color: #FAFAFA;
}

.NameColumn
{
	width: 20%;
}

.OperatorColumn
{
	padding-left: 12px;
	padding-right: 12px;
    text-align: center;
    width: 8%;
}

.ValueColumn
{
	width: 72%
}

td.ValueColumn
{
	padding: 0px;
}

.LoginFieldValue Input,
.ValueColumn Input,
.ValueColumn Select
{
	width: 100%;
	background-color: White;
	padding: 2px 4px;
	border: #BBBBBB solid 1px;
}

.ValueColumn Input.Required,
.ValueColumn Select.Required
{
	background-color: #FFFBD8;
}

.ValueColumn Input[readonly],
.ValueColumn Select[readonly]
{
	background-color: #DCE0E2;
}

/*
Input[type=submit],
Input[type=button]
{
	background-image: url('img/button.gif');
	background-repeat: repeat-x;
	background-color: #EACA71;
	border: 1px solid #E99862;
	color: Black;
	padding: 4px 16px;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
}

Input[type=submit]:hover,
Input[type=button]:hover
{
	background-image: url('img/button-hover.gif');
	background-repeat: repeat-x;
	background-color: #FFDA35;
	border: 1px solid #E99862;
	color: Black;
}

Input[type=submit]:disabled,
Input[type=button]:disabled
{
    background-color: #EEEEEE;
    background-image: none;
    color: #888888;
}*/

Input[type=submit],
Input[type=button]
{
    background: -webkit-linear-gradient(#FFF, #EACA71 15%); /* Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFF, #EACA71 15%); /* Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFF, #EACA71 15%); /* Firefox 3.6 to 15 */
    background: linear-gradient(#FFF, #EACA71 15%); /* Standard CSS */

	border: 1px solid #A8A6A6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

	color: #000;
	padding: 6px 20px;
    margin: 2px;
    font-weight: normal;

    font-family: Arial, sans-serif;
}

Input[type=submit]:hover,
Input[type=button]:hover
{
	background: -webkit-linear-gradient(#FFF, #FFD22F 75%); /* Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFF, #FFD22F 75%); /* Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFF, #FFD22F 75%); /* Firefox 3.6 to 15 */
    background: linear-gradient(#FFF, #FFD22F 75%); /* Standard CSS */
	border: 1px solid #A8A6A6;
	color: #000;
}

Input[type=submit]:disabled,
Input[type=button]:disabled
{
    background-color: #A8A6A6;
    border: 1px solid #A8A6A6;
    color: #FFF;
}

/*Update progress*/

.ModalBackground
{
	background-color: Black; 
	filter: alpha(opacity=60); 
    opacity: 0.60; 
}

.UpdateProgress
{
	width: 180px;
	height: 20px;
	background-color: white;
	text-align: center;
	vertical-align: middle;
	padding: 8px 0px;
	border: 3px solid #1C5172;
}

.UserPrompt
{
    width: 400px;
    background-color: white;
    text-align: left;
    padding: 12px 0px 0px 0px;
	border: 3px solid #1C5172;
}

.UserPrompt div
{
    padding: 8px 12px;
}

.UserPromptCommands
{
    text-align: right;
    background-color: #B9D3E3;
    margin-top: 12px;
}

/* Mobile screen size */
@media only screen and (max-width: 480px) {

    .MainContent
    {
	    margin: 0px;
        padding: 10px;
        border: 0px;
	    border-top: #8C8E94 solid 1px;
        border-bottom: #8C8E94 solid 1px;
    }

    .LoginBox {
        width: 100%;
        padding: 0px 0px;
        top:50%;
        left: 0%;
	    margin: -140px 0px 0px 0px;
    }

    .LoginTable {
        width: 95%;
    }

    .LoginFieldValue Input
    {
	    width: 97%;
    }

    .UserPrompt
    {
        width: 100%;
        border: 0px solid #000;
        border-top: 3px solid #1C5172;
        border-bottom: 3px solid #1C5172;
    }

    .LoginCommands
    {
        margin: 8px 0px 0px 0px;
    }

    .LoginCommands Input[type=submit],
    .LoginCommands Input[type=button]
    {
        width: 99%;
    }

    table.ExportSearchResults td.ViewCommands Input[type=submit],
    table.ExportSearchResults td.ViewCommands Input[type=button]
    {
         padding: 12px 8px;	
    }

    .ConfirmCommand
    {
        text-align: left;
    }

    .ConfirmCommand [type=text]
    {
        margin: 4px 0px;
        width: 98%;
    }

    .ConfirmCommand Input[type=submit],
    .ConfirmCommand Input[type=button]
    {
        width: 99%;
    }
}