/*	Author:		EB
    Date:		2005.02.16
    Purpose:	Stylesheet for display on screen
    See also:	print.css
*/

.monitor
{
}
.printer
{
    display: none;
}

.wide
{
    width: 100%;
}
/* Display an inline warning */
.warn
{
    color: #f00;
    border: 1px dotted #fcc;
    background-color: #fee;
}
/* Display a warning at the top of the page */
div.warn
{
    padding: 0.325em;
    margin: 1.25em 0px 2em 0px;
    color: #f00;
    border: 1px dotted #141212;
    background-color: #282425;
}
/* Display an inline note */
.note
{
    color: #00f;
    border: 1px dotted #ccf;
    background-color: #eef;
}
/* Display a note at the top of the page */
div.note
{
    padding: 0.325em;
    margin: 0.25em 0px 1.25em 0px;
    color: #00f;
    border: 1px dotted #ccf;
    background-color: #eef;
}
.l
{
    text-align: left;
}
.r
{
    text-align: right;
}
.c
{
    text-align: center;
}



.unread
{
    color: #f00;
    font-weight: bold;
}

.companyRead
{
    color: Orange;
    font-weight: bold;
}

table.form
{
    margin-left: auto;
    margin-right: auto;
}
table.form td
{
    padding: 1px;
}


table.document
{
    margin-top: 1em;
    margin-bottom: 1em;
}

div.celerity_query div
{
    width: 100%;
    height: 100%;
    border: 1px inner yellow;
}

div.info
{
    color: #4be;
}
table.line th
{
    border-bottom: 2px solid #ddf;
    border-top: 1px solid #ddf;
    background-color: #cde2f5;
    color: #333;
    padding: 0px 0.5em 0px 0.5em;
}
table.fali th
{
    border-bottom: 2px solid #ddf;
    border-top: 1px solid #ddf;
    background-color: #c69ec6;
    color: #333;
    padding: 0px 0.5em 0px 0.5em;
}
table.line th a
{
    color: #333;
}
table.line th a:hover
{
    color: #333;
    background-color: transparent;
}
table.line td
{
    border-bottom: 1px solid #ddf;
    padding: 0px 0.5em 0px 0.5em;
}
tr.line td
{
    border-bottom: 0px;
}
td.line
{
    border-bottom: 1px solid #ddf !important;
}
tr.pack td
{
    padding: 0px 1px 0px 0px;
}




.SortPriority
{
    color: white;
    vertical-align: baseline;
    font-size: 0.8em;
    position: relative;
    top: -0.4em;
}


a.group
{
    color: #333;
}
a.group:hover
{
    color: #333;
    background-color: transparent;
}

td.group
{
    padding: 0.25em;
    background: white; /*border-left:      solid 1px blue !important;*/
    border-bottom: solid 1px blue !important; /*border-top:    solid 1px blue !important;*/ /*background-color:	#F2E6F2;*/
    background-color: #EEEEEE;
}


div.inset
{
    /*text-align:			left;*/
    width: 100%;
    border: 1px dashed #ddf;
    background-color: #eef;
    padding: 0.5em;
}
/*
table.inset {				border-collapse:	collapse;
                            margin:				0px;
                            width:				100%;}
table.inset button {		margin-top:			0.5em;}
*/
tr.foot td
{
    vertical-align: top;
}
table.nava th
{
    text-align: left;
    font-weight: bold;
    padding-right: 1em;
}
table.nava td
{
    text-align: left;
    padding-left: 0.5em;
    vertical-align: bottom;
}
/*
table input {				width:				100%;}
table input.bn {			width:				auto;}
table.nava select {			width:				100%;}
table.nava.form th {		width:				1px;
                            background-color:	transparent;
                            background-image:	url(inc/img/dot.bmp);
                            background-position:bottom;
                            background-repeat:	repeat-x;
                            vertical-align:		bottom;}
table.nava.form th div {	white-space:		nowrap;}
table.nava.form th span {	background-color:	white;}
div.block {					padding-left:		1em;
                            padding-top:		0.5em;
                            background-color:	#eee;}
div.unblock {				background-color:	#fff;}
span.hili {					text-decoration:	underline;}
tr.modi {					color:				#080;}
tr.modi a {					color:				#4b4;}
tr.gone {					color:				#f66;}
tr.gone a {					color:				#d78;}
tr.read {					}

*/


tr.pack
{
    background-color: #fee;
    border: 2px solid #49d;
}
table.keyboard
{
}
table.keyboard td
{
    width: 2.5em;
    height: 2.25em;
    overflow: hidden;
    border: 1px solid #49d;
    background-color: #eff;
    color: #4be;
    text-align: left;
    vertical-align: top;
    cursor: pointer;
}
table.keyboard .null
{
    background-color: transparent;
    cursor: auto;
}


/*	Menu system	-	-	-	-	-	-	-	-	*/
table.menu
{
    width: 100%;
    background-color: #EEE; /*border:				solid 1px #141212;*/
    border-bottom: solid 1px #141212;
    text-align: left;
    padding: 0px;
    margin-bottom: 1em;
    color: #000;
}
table.menu td
{
    vertical-align: middle;
    padding: 1px;
}
table.menu a
{
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #EEE;
    white-space: nowrap;
    padding: 0px 0.25em 0px 0.25em;
    font-weight: bold;
    color: #fff;
}
table.menu a.down
{
    border-left: solid 1px #345;
    border-top: solid 1px #345;
    border-right: solid 1px #38d;
    border-bottom: solid 1px #38d;
    background-color: #369;
}
table.menu a:hover
{
    border: 1px solid #257; /*#267;*/
    background-color: #eff;
    color: #4be;
}
table.menu .hr
{
    display: block;
    height: 1px;
    border: 0px;
    background-color: #141212;
    margin: 1px;
}
table.menu input.submit
{
    height: 20px;
    text-align: center;
    vertical-align: middle;
    margin: 0.25em;
    border: 1px solid #EEE;
    white-space: nowrap;
    font-weight: bold;
    background-color: #EEE;
    color: #000;
}
table.menu input.submit:hover
{
    background-color: #005295;
    color: #FFF;
    text-decoration: none;
    border: 1px solid #000;
}
table.menu span
{
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #EEE;
    white-space: nowrap;
    padding: 0px 0.25em 0px 0.25em;
    font-weight: bold;
    color: #fff;
}
table.menu div
{
    display: inline;
}
table.menu div.text
{
    padding: 0.25em 0em 0.25em 0.18em;
}
table.menu div.caption
{
    padding: 0.25em;
    width: 0px;
    white-space: nowrap;
}
table.menu img
{
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 1px;
}
table.menu img.stop
{
    width: 8px;
    height: 8px;
    margin: 0px 0.5em 0px 0.5em;
}
table.menu form
{
    display: inline;
}
table.menu span.menu
{
    display: inline;
}
table.menu span.pack
{
    white-space: nowrap;
}
/*table.menu .menuitem {		height:				20px;
                            text-align:			center;
                            vertical-align:		middle;
                            margin:				0.25em;
                            border:				1px solid #EEE;
                            white-space:		nowrap;
                            font-weight:		bold;
                            background-color:	#EEE;
                            color:				#000;
                            padding:			0.25em;
                            margin:				0.25em;}
table.menu .menuitem:hover {background-color:	#005295;
                            color:				#FFF;
                            text-decoration:	none;
                            border:				1px solid #000;}*/
div.window
{
    overflow: auto;
    border: inset 2px;
}

div.toolbar
{
    position: absolute;
    left: 0px;
    display: none;
    background-color: buttonface;
    border-bottom: 2px outset; /*border-top:			2px solid buttonface;*/
    vertical-align: text-bottom;
}
table.toolbar
{
    width: 100%;
    background-color: buttonface;
    text-align: left;
    padding: 0px;
}
table.toolbar td
{
    vertical-align: middle;
    padding: 1px;
}
table.toolbar a
{
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid buttonface;
    white-space: nowrap;
    padding: 0px 0.25em 0px 0.25em;
    font-weight: bold;
    color: windowtext;
}
table.toolbar a.down
{
    border-left: solid 1px #345;
    border-top: solid 1px #345;
    border-right: solid 1px #38d;
    border-bottom: solid 1px #38d;
    background-color: #369;
}
table.toolbar a:hover
{
    border: 1px solid #257; /*#267;*/
    background-color: #eff;
    color: #4be;
}
table.toolbar span
{
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: bottom;
    border: 1px solid buttonface;
    white-space: nowrap;
    padding: 0px 0.25em 0px 0.25em;
    font-weight: normal;
}
table.toolbar div
{
    display: inline;
}
table.toolbar img
{
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 1px;
}
table.toolbar img.stop
{
    width: 7px;
    height: 7px;
    margin: 0px 0.5em 0px 0.5em;
}
table.toolbar form
{
    display: inline;
}
table.toolbar span.menu
{
    display: inline;
}
table.toolbar span.pack
{
    white-space: nowrap;
}


div.searchmenu
{
    position: absolute;
    left: 0px;
    display: none;
    background-color: buttonface;
    border-bottom: 2px outset;
    border-top: 2px solid buttonface;
    vertical-align: text-bottom;
}
div.searchmenu span
{
    vertical-align: middle;
}

/*	Submenu system	-	-	-	-	-	-	-	*/
div.submenu
{
    filter: progid:DXImageTransform.Microsoft.Fade(duration=0.15,overlap=1.0);
    visibility: hidden;
    text-align: right;
    position: absolute;
    left: 5px;
    top: 5px;
    width: auto;
    height: auto;
    display: inline-block;
    border: solid 0px #000;
    padding: 1px;
    display: inline-block;
    position: absolute;
    font-weight: bold;
}
div.submenu img
{
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 1px;
}
div.submenuhead
{
    border: solid 1px #257;
    border-bottom: 0px;
    background-color: #eff;
    padding: 1px 0.25em 1px 0.25em;
    white-space: nowrap;
    display: inline-block;
    width: 0px;
}
div.submenubody
{
    border: solid 1px #39d;
    background-color: #ace;
    text-align: left;
    white-space: nowrap;
}
div.submenubody a
{
    border: solid 1px #ace;
    margin: 1px;
    display: block;
}
div.submenubody a:hover
{
    border: solid 1px #4be;
}
div.submenubody a.down
{
    border-left: solid 1px #345;
    border-top: solid 1px #345;
    border-right: solid 1px #38d;
    border-bottom: solid 1px #38d;
    background-color: #369;
}
div.submenubody form
{
    display: block;
    text-align: right;
}
div.nowrap
{
    white-space: nowrap;
    display: inline;
}
div.hr
{
    overflow: hidden;
    height: 2px;
    border: inset 1px;
    width: 100%;
}
.warn div.hr
{
    overflow: hidden;
    height: 1px;
    margin: 0.325em;
    border: dotted 1px #fcc;
}
img.inline
{
    height: 1.2em;
    vertical-align: bottom;
}

/*	Global Type selectors	-	-	-	-	-	*/
body
{
    text-align: center;
    font-size: 75%;
    font-family: verdana, arial, helvetica, sans-serif;
    margin: 0px;
    padding: 5px;
    color: #666;
    background: url(http://uniphar.dev-uniphar-platform.celtrino.com/ViewFile.ashx?include=img/bg.png);
}
table
{
    font-size: 100%;
    font-family: verdana, arial, helvetica, sans-serif;
    border-collapse: collapse;
    border: 0px;
}
td
{
    padding: 0px;
    vertical-align: top;
}
th
{
    padding: 0px;
    vertical-align: bottom;
    font-weight: bold;
}
form
{
    margin: 0px;
}
form td
{
    vertical-align: baseline;
}
label
{
    padding-right: 0.5em;
}
input
{
    font-size: 100%;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #000;
    border: 1px solid #999;
}
input.button
{
    font-size: 100%;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    border: 1px solid #000;
    background-color: #005295;
    color: #FFF;
    text-align: right;
    margin-left: 1px;
    margin-bottom: 1px;
}


.menubuttoninput
{
    height: 20px;
    text-align: center;
    vertical-align: middle;
    margin: 0.25em;
    border: 1px solid #EEE;
    white-space: nowrap;
    font-weight: bold;
    background-color: #EEE;
    color: #000;
}
.menubuttoninputWithoutMargin
{
    height: 20px;
    text-align: center;
    vertical-align: middle;
    margin: 0em;
    border: 1px solid #EEE;
    white-space: nowrap;
    font-weight: bold;
    background-color: #EEE;
    color: #000;
}
.menubuttoninput:hover
{
    background-color: #005295;
    color: #FFF;
    text-decoration: none;
    border: 1px solid #000;
}
.menubuttoninputWithoutMargin:hover
{
    background-color: #005295;
    color: #FFF;
    text-decoration: none;
    border: 1px solid #000;
}

input.read
{
    border: 1px solid #fff;
    background-color: transparent;
}
input.cb
{
    border: 0px;
    margin: 0px;
    padding: 0px;
    width: 1.25em;
    height: 1.25em;
}
textarea
{
    font-size: 100%;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #000;
    border: 1px solid #999;
    overflow: auto;
    width: 100%;
}
select
{
    font-size: 100%;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #000;
    border: 1px solid #999;
}
button
{
    font-size: 100%;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    border: 1px solid #000;
    background-color: #005295;
    color: #FFF;
    margin-left: 1px;
    margin-bottom: 1px;
}

.buttonHighlighted
{
    font-size: 100%;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    border: 1px solid #000;
    background-color: #6495ed;
    color: #FFF;
    text-align: right;
    margin-left: 1px;
    margin-bottom: 1px;
}
span.span
{
    overflow: hidden;
    width: 0.25em;
}
img
{
    border: 0px;
}
h1
{
}
h2
{
    font-size: 125%;
    margin: 0px;
    background-color: #888;
    border-bottom: dashed 1px #666;
    text-align: left;
    padding: 0.25em;
    color: #fff;
}
/*						h2					*/
p
{
    margin: 0px;
    margin-bottom: 1em;
}
a
{
    color: #4be;
    text-decoration: none;
    margin-top: 2px;
    margin-bottom: 2px;
}
a:hover
{
    color: #fff;
    background-color: #4be;
}

/*	Private Class selectors	-	-	-	-	-	*/

/*
body
    table.c_frame
        td.c_framel			Draws left frame image and border between image and body
        td.c_frameb			Contains main contents of the page inline with 4 table bodies (below)
        td.c_framer			Draws right frame image and border between image and body
*/
.c_frame
{
    width: 95%;
    background-color: white;
}
.c_framel
{
    background: url(/ViewFile.ashx?include=img/frameLeft.png) repeat-y;
    width: 1em;
}
.c_frameb
{
    width: auto;
    text-align: center;
}
.c_framer
{
    background: url(/ViewFile.ashx?include=img/frameRight.png) repeat-y right;
    width: 1em;
}

/*
body -> table.c_frameb
    table.c_body,c_bodyt	Container for logo and applications
    table.c_body,c_bodyh	Container for main header and main menu
    table.c_body,c_bodys	Container for page header and page menu
    div.c_bodyb				Actual body content
    table.c_body,c_bodyf	Container for celerity definition and disclamer
    div.c_body,c_bodyc		Container for copyright
*/
.c_body
{
    width: 100%;
}
.c_bodyt .a
{
    text-align: left;
    width: 1px;
}
.c_bodyt .b
{
    text-align: right;
    vertical-align: top;
    padding: 1em;
}
.c_bodyh
{
    border-bottom: 1px solid #666;
}
.c_bodyh .a
{
    text-align: left;
    font-size: 175%;
}
.c_bodyh .b
{
    text-align: right;
    vertical-align: bottom;
    font-size: 175%;
}
.c_bodys .a
{
    text-align: left;
    font-size: 125%;
    font-weight: bold;
    padding-left: 0.5em;
}
.c_bodys .b
{
    text-align: right;
    padding-right: 0.5em;
}
.c_bodyb
{
    margin: 1em 0.5em 2em 0.5em;
}
.c_bodyf
{
    border-top: 1px dotted #CCC;
}
.c_bodyf .a
{
    text-align: left;
}
.c_bodyf .b
{
    text-align: right;
}
.c_bodyf td
{
    padding: 0.6em;
    padding-top: 1.0em;
}
.c_bodyc .a
{
    color: #9DF;
    background-color: #49D;
    font-size: 90%;
    text-align: left;
    padding: 0.6em;
    vertical-align: bottom;
}
.c_bodyc .b
{
    color: white;
    background-color: #49D;
    font-style: italic;
    text-align: right;
    padding: 0.6em;
}

/*added by ji for sorting interface */
a.pink:link
{
    color: #666666;
}
/* unvisited link */
a.pink:visited
{
    color: #FFFFFF;
    background-color: #DDA0DD;
}
/* visited link */
a.pink:hover
{
    color: #FFFFFF;
    background-color: #DDA0DD;
}
/* mouse over link */
a.pink:active
{
    color: #DDA0DD;
}
/* selected link */

.buyersTable
{
    width: 50%;
}
.suppliersTable
{
    width: 50%;
}
.buyerLabel
{
    font-weight: bold;
}
.supplierLabel
{
    font-weight: bold;
}

.chatContainer
{
    display: table;
}
.chatContainerFormat
{
    overflow: scroll; /*height:            20em; */
}

.messageDate
{
}
.messageTime
{
    display: table-cell; /*float:left;     display:inline;*/
}
.messageUser
{
    display: table-cell; /*float:right;     display:inline;*/
}


.simpleFormWide
{
    margin-left: auto;
    margin-right: auto;
    width: 80em;
}

.simpleForm
{
    margin-left: auto;
    margin-right: auto;
    width: 40em;
}

.simpleFormMedium
{
    margin-left: auto;
    margin-right: auto;
    width: 55em;
}
.simpleFormLabel
{
    display: block;
    float: left;
    width: 15em;
    text-align: left;
}
.simpleFormLabelWide
{
    display: block;
    float: left;
    width: 25em;
    text-align: left;
}
.simpleFormInput
{
    margin-bottom: 0.2em;
    margin-top: 0.2em;
    width: 22em;
}
.simpleFormInputShort
{
    margin-bottom: 0.2em;
    margin-top: 0.2em;
    width: 20em;
}
.simpleFormInputPadded
{
    margin-bottom: 0.2em;
    margin-top: 0.2em;
    width: 20em;
    margin-right: 2em;
}
.simpleFormHelpImage
{
    vertical-align: middle;
    margin-bottom: 0.2em;
}
.simpleFormInformationMessage
{
    text-align: center;
    margin-bottom: 0.2em;
    margin-top: 0.2em;
    color: Red;
}
.simpleFormSuccessMessage
{
    text-align: center;
    margin-bottom: 0.2em;
    margin-top: 0.2em;
    color: Green;
}
.simpleFormButton
{
    float: right;
    display: block;
    margin-right: 1.3em;
}
.simpleFormButtonInput
{
    margin-bottom: 0.2em;
    margin-top: 0.2em;
}
.simpleFormTermsText
{
    margin-bottom: 0.2em;
    margin-top: 0.2em;
}
.simpleFormTermsCheckbox
{
    display: block;
    float: left;
    text-align: left;
}
.simpleFormFieldset
{
    border: 1px solid #3A71CB;
    padding: 5px;
}

.collapseHeaderPanel
{
    border: 1px solid #ffffff;
    padding: 5px;
    background-color: #4b4b4b;
    cursor: pointer;
}

.rebrandedHeaderPanel
{
    border: 1px solid #3A71CB;
    padding: 5px;
    background-color: #015196;
}

.rebrandedBodyPanel
{
    border: 1px solid #015196;
    border-top: 0px;
    background-color: #F4F4F4;
    padding: 0.5em;
}

.rebrandedHeaderLabel
{
    color: White;
    font-size: larger;
    font-weight: bold;
}

.loadingPanelProgress
{
    text-align: center;
    background-color: #282425;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: bold;
    color: White;
}

.simpleFormFieldsetLegend
{
    color: #3A71CB;
}

.msGrid
{
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}
.msGrid td
{
    padding: 0px 0.25em;
    border-right: 1px solid #ddf;
    border-left: 1px solid #ddf !important;
    border-bottom: 1px solid #ddf;
    text-align: Left;
}
.msGrid tr:hover
{
    background-color: #cee;
}

.msGrid th
{
    font-size: 0.9em;
    text-align: Left;
    border-bottom: 2px solid #ddf;
    border-top: 1px solid #ddf;
    background-color: #cde2f5;
    color: #333;
    padding: 0px 0.5em 0px 0.5em;
    border-bottom: 1px solid #ddf !important;
    border-right: 1px solid #ddf !important;
    border-left: 1px solid #ddf !important;
}
.msGrid .alt
{
    background: #fcfcfc;
}
.msGrid .pgr
{
    background: #424242;
}
.msGrid .pgr table
{
    margin: 5px 0;
}
.msGrid .pgr td
{
    border-width: 0;
    background-color: White;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    line-height: 12px; /*display:block;*/
}
.msGrid .pgr a
{
    color: #333;
    text-decoration: none;
}
.msGrid .pgr a:hover
{
    color: #333;
    background-color: transparent;
    text-decoration: underline;
}

.msGrid th a
{
    color: #333;
    text-decoration: none;
}
.msGrid th a:hover
{
    color: #333;
    background-color: transparent;
    text-decoration: underline;
}

.notificationForm
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: inline;
}

.notificationForm div
{
    padding-left: 10em;
}

.ajaxcomboStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    width: 200px;
    height: 18px;
    position: relative;
}
.ajaxcomboStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    position: relative;
    top: 4px;
    background-color: #D8D8D8;
    background-position: center;
    border: solid 1px #666;
    height: 18px;
    width: 21px;
}

.productView
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
    border: 0px solid #666;
    min-height: 160px;
}

.productViewThumbnail
{
    height: 150px;
    width: 150px;
    float: left;
    margin-right: 2px;
}

.productViewIconButtons
{
    height: 50px;
    width: 50px;
    float: right;
    border: 0px;
}

.productViewName
{
    font-size: larger;
    font-weight: bolder;
}

.productLabel
{
    border: 0px solid #666;
    font-weight: normal;
    margin: 1px;
}

.emptyth
{
    padding: 0px 0.25em;
    background-color: rgb(205, 226, 245);
    border: 0px;
    border-style: none;
    width: 0px;
}

.textth
{
    padding: 0px 0.25em;
    background-color: rgb(205, 226, 245);
    border: 0px;
    font-weight: bold;
    width: 12.50%;
    text-align: Left;
    vertical-align: Top;
    width: auto;
    border-style: none;
}

.innerThText
{
    padding: 0px 0.25em;
    background-color: rgb(230, 240, 250);
    border: 0px;
    font-weight: bold;
    width: 12.50%;
    text-align: Left;
    vertical-align: Top;
    text-align: right;
    width: 0px;
    white-space: nowrap;
    padding: 0px 1em;
    border-style: none;
}

.tdText
{
    padding: 0px 0.25em;
    width: 12.50%;
    text-align: Left;
    vertical-align: Top;
    width: auto;
    border-style: none;
}

.thDetails
{
    padding: 0px 0.25em;
    text-align: Left;
    border-style: none;
}

.tdDetails
{
    padding: 1px 0.5em;
    text-align: Left;
    border-style: none;
}

.headertitle
{
    text-align: center;
    border: 0;
    font-weight: bold;
    font-size: 30px;
    color: #005295;
}
.alignLeft
{
    float: left;
    clear: right;
}
.alignLeftWOClear
{
    float: left;
}
.padXSmall
{
    padding:1px;
}
.noLeftMargin
{
    margin-left:0;    
}
.grayButton
{
    height: 25px;
    text-align:center;
    width: 250px;
    background-color: #717171;
    font-size:small;
    font-weight:bold;
}
.grayButton:hover
{
    border: 1px solid black;
    color: #ffffff;
    background-color: #0099CC;
}

.displayLabel
{
    vertical-align:middle;
}

.datePick
{
    width:150px;    
    height:15px;
}
