/*--------------------------------------------------------------------------
Administration CSS

Author:			    Vikram Kaliraman
Date:	        	08-12-2008
Description:		Layout for the admin section
--------------------------------------------------------------------------*/

#Administration         { width: 100%; text-align: left; font-family: Arial; font-size: 12px; color: Black; }
#Administration h1      { margin: 0px; padding: 0px; font-size: 24px; font-weight: normal; }
#Administration a       { font-family: Arial; font-size: 12px; text-decoration: underline; }

#SearchPanel            { width: 100%; text-align: left; font-family: Arial; font-size: 12px; color: Black; background-image: url('../../images/backgrounds/search.jpg'); background-repeat: repeat-x; background-position: bottom; }
#SearchPanel h1         { margin: 0px; padding: 0px; font-size: 24px; font-weight: normal; }
#SearchPanel a          { font-family: Arial; font-size: 12px; color: #336699; text-decoration: underline; }

#AdminHome              { width: 950px; padding-left: 10px; padding-top: 20px; text-align: left; font-family: Arial; font-size: 11px; color: Black; }
#AdminHome a            { font-family: Arial; font-size: 11px; color: Black; text-decoration: underline; }

#LoginBox               { width: 300px; border-left: #999999 1px solid; text-align: right; vertical-align: top; float: right; margin-bottom: 10px; margin-top: 10px; }
#LoginBox div           { padding-top: 5px; font-family: Arial; font-size: 12px; }
#LoginBox a             { font-family: Arial; font-size: 12px; color: Black; text-decoration: underline; }
#LoginBox h1            { font-family: Arial; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; }
#LoginBox h2            { font-family: Arial; font-size: 12px; font-weight: bold; color: Red; margin: 0px; padding: 0px; }

#LogoutBox              { width: 300px; border: black 1px solid; background-color: White; text-align: right; vertical-align: top; }
#LogoutBox div          { padding-top: 5px; font-family: Arial; font-size: 12px; }
#LogoutBox a            { font-family: Arial; font-size: 12px; color: Black; text-decoration: underline; }
#LogoutBox h1           { font-family: Arial; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; }
#LogoutBox h2           { font-family: Arial; font-size: 12px; font-weight: bold; color: Red; margin: 0px; padding: 0px; }

#WYSIWYG                { background-image: url('../../images/backgrounds/wysiwyg.jpg'); background-repeat: repeat-x; background-position: top; border-bottom: white 1px solid; padding: 10px; text-align: center; background-color: #DFDFDF; text-align: center; }

.AdminPanel             { width: 100%; height: 68px; background-color: White; }

/*--------------------------------------------------------------------------
Form

Author:			    Che de Bruin
Date:	        	08-12-2008
Description:		Form Field Layouts
--------------------------------------------------------------------------*/

.FormTextBox            { font-family: Arial; font-size: 12px; color: Black; }

/*--------------------------------------------------------------------------
Lines

Author:			    Vikram Kaliraman
Date:	        	08-12-2008
Description:		Layout for the lines
--------------------------------------------------------------------------*/

.HorizontalLine         { border-top: 1px solid #999999; margin-top: 5px; margin-bottom: 5px; }
.HorizontalMenuLine     { border-top: 1px; }
.HorizontalDataLine     { border-top: 1px solid #999999; }

/*--------------------------------------------------------------------------
Password Retrieval Box

Author:			    Vikram Kaliraman
Date:	        	08-13-2008
Description:		Layout for the password retrieval box
--------------------------------------------------------------------------*/

#PasswordBox            { width: 300px; border: #999999 1px solid; background-color: White; }
#PasswordBox td         { padding-left: 20px; padding-right: 20px; padding-bottom: 5px; text-align: right; vertical-align: top; }
#PasswordBox div        { padding-top: 5px; font-family: Arial; font-size: 12px; }

/*--------------------------------------------------------------------------
System Options

Author:			    Vikram Kaliraman
Date:	        	08-13-2008
Description:		Layout for the System Options section
--------------------------------------------------------------------------*/

#SystemOptions          { text-align: left; font-family: Arial; padding: 10px; padding-bottom: 25px; }
#SystemOptions td       { vertical-align: middle; }
#SystemOptions h1       { margin: 0px; padding: 0px; font-size: 24px; font-weight: normal; }
#SystemOptions a        { font-family: Arial; font-size: 16px; color: Black; text-decoration: none; }

.OptionsIcons           { padding-left: 20px; vertical-align: middle; height: 40px; font-size: 16px; cursor: pointer; }
.OptionsText            { padding-left: 5px; vertical-align: middle; height: 40px; font-size: 16px; cursor: pointer; }

/*--------------------------------------------------------------------------
User Options

Author:			    Vikram Kaliraman
Date:	        	08-13-2008
Description:		Layout for the User Options section
--------------------------------------------------------------------------*/

#UserOptions            { text-align: left; font-family: Arial; padding: 5px; padding-bottom: 25px; }
#UserOptions td         { text-align: left; vertical-align:top; padding: 10px; }
#UserOptions h1         { margin: 0px; padding: 0px; font-size: 24px; font-weight: normal; }
#UserOptions a          { font-family: Arial; font-size: 16px; color:Black; text-decoration: none; }

#UserList               { width: 950px; text-align: left; font-family: Arial; font-size: 12px; color: Black; height: 26px; margin-top: 10px; }
#UserList td            { padding-left: 5px; padding-right: 20px; text-align: left; vertical-align: top; font-weight: bold;}
#UserList div           { font-family: Arial; font-size: 12px; }
#UserList h1            { font-family: Arial; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; }

#UserInfo               { width: 950px; text-align: left; font-family: Arial; font-size: 12px; color: Black; height: 26px; margin-top: 10px; }
#UserInfo td            { padding-left: 5px; padding-right: 5px; vertical-align: top; }
#UserInfo div           { font-family: Arial; font-size: 12px; }
#UserInfo h1            { font-family: Arial; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; }

/*--------------------------------------------------------------------------
General

Author:			    Che de Bruin
Date:	        	08-15-2008
Description:		General Layout
--------------------------------------------------------------------------*/

.AdminSectionTitle      { width: 100%; font-family: Arial; font-size: 24px; color: Black; padding-bottom: 10px; text-decoration: none; }

/*--------------------------------------------------------------------------
Clear Layouts

Author:			    Che de Bruin
Date:	        	08-15-2008
Description:		Clears Layouts used in default.css for administration
                    areas and pages
--------------------------------------------------------------------------*/

#PageTitle              { padding: 0px; margin: 0px; font-family: Arial; font-size: 12px; }

.DeleteImageIcon        { position: absolute; margin-left: -25px; }

/*--------------------------------------------------------------------------
Clear Layouts

Author:			    Che de Bruin
Date:	        	08-15-2008
Description:		Clears Layouts used in default.css for administration
                    areas and pages
--------------------------------------------------------------------------*/

.DataGrid			    { font-family: Arial; font-size: 12px; }
.DataGridRow            { background-color: Transparent; }
.DataGridCell           { padding: 5px; cursor: pointer; border-bottom: solid 1px #CCCCCC; border-right-style: hidden; font-family: Arial; font-size: 12px; vertical-align: top; }
.DataGridCellNoSelect   { padding: 5px; border-bottom: solid 1px #CCCCCC; border-right-style: hidden; font-family: Arial; font-size: 12px; vertical-align: middle; }
.DataGridHeader th      { padding: 5px; height: 30px; font-family: Arial; font-size: 12px; color: White; border-bottom: solid 1px #CCCCCC; border-right: solid 1px #FFFFFF; background: #0A3677 }
.DataGridHeader a	    { font-size: 12px; color: White; }
.DataGridPager td	    { padding: 5px 2px 5px 0px; font-family: Arial; font-size: 12px; text-align: left; text-decoration: none; }
.DataGridPager a	    { color: #336699; text-decoration: underline; }

.PanelDataHeader        { font-family: Arial; font-size: 12px; color: White; font-weight: bold; background: #0A3677; vertical-align: middle; }
.DataGridSubHeader th   { border-right: solid 1px #CCCCCC; }
.DataGridSubHeader th   { padding: 5px; height: 30px; font-family: Arial; font-size: 12px; color: Black; border-bottom: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; background: #EDEDED; }
.DataGridSubHeader a	{ font-size: 12px; color: Black; }
.DataGridSubPager td	{ padding: 5px 2px 5px 0px; font-family: Arial; font-size: 12px; text-align: left; text-decoration: none; }

.DataGridNoLeft         { padding: 5px; height: 30px; font-family: Arial; font-size: 12px; color: Black; border-bottom: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; background: #EDEDED; }
.DataGridNoRight        { padding: 5px; height: 30px; font-family: Arial; font-size: 12px; color: Black; border-bottom: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; background: #EDEDED; }
.DataGridNoBorder       { padding: 5px; height: 30px; font-family: Arial; font-size: 12px; color: Black; border-bottom: solid 1px #CCCCCC; background: #EDEDED; }

.DataGridSubHeader2 a	{ font-size: 12px; color: Black; }
.DataGridCellNew        { padding: 5px; border-bottom: solid 1px #CCCCCC; border-right-style: hidden; font-family: Arial; font-size: 12px; vertical-align: top; }
.DataGridHeaderNew th   { padding: 5px; font-family: Arial; font-size: 12px; color: White; border-bottom: solid 1px #CCCCCC; border-right: solid 1px #FFFFFF; background: #0A3677; }

/*--------------------------------------------------------------------------
Tab Menus

Author:			    Che de Bruin
Date:	        	08-15-2008
Description:		Clears Layouts used in default.css for administration
                    areas and pages
--------------------------------------------------------------------------*/

.TabMenuTitle           { width: 100%; font-family: Arial; font-size: 12px; color: #336699; border-right: none; position: relative; top: 1; z-index: 1; }
.TabMenuTitle td        { text-align: center; }

.NonSelectTab           { font-size: 12px; color: #9D9D9D; padding: 3px; background-image: url('../../images/backgrounds/crumbs.jpg'); background-repeat: repeat-x; background-position: bottom; cursor: pointer; }
.SelectTab              { font-size: 12px; color: #9D9D9D; padding: 3px; background-color: White; background-image: none; border: 1px solid #CCCCCC; border-bottom: 1px solid White; cursor: pointer; }
.EdgeTab                { width: 5px; padding: 3px; border-bottom: 1px solid #CCCCCC; }

.ErrorMessage           { padding: 10px 0px -5px 0px; }
.ErrorIcon              { position: absolute; margin-left: -15px; margin-top: -10px; }

.LIMSErrorMessage       { padding: 0px 0px 10px 35px; color: Red; line-height: 150%; background-image: url('../../images/icons/error.gif'); background-repeat: no-repeat; background-position: top left; }