/**
 * XRMS page layout foundation
 *
 * This stylesheet should only specify the position/shape
 * and related attributes of major page elements.
 * (no fonts, colors, or borders - just shape/size)
 *
 * Default layout has Sidebar on the right:
 *  +------------+--------+
 *  |body        |loginbar|<--- loginbar is floated to top/right
 *  |+-----------|        |<-+
 *  ||page_header+--------+  |
 *  |+-------------------+|  |
 *  ||navline            ||<-+- navline, loginbar, msg are optional
 *  |+-------------------+|  |
 *  ||msg                ||<-+
 *  |+-------------------+|<---- begin "page body"
 *  ||Main...            ||
 *  ||+---------+-------+||
 *  |||Content  |Sidebar|||
 *  ||+---------+-------+||
 *  |+-------------------+|<---- end "page body"
 *  +---------------------+
 *
 * Other "page body" layouts:
 *      #login-box - centered login form
 *      #ContentFullWidth large container, no sidebar
 *
 * $Id: layout.css,v 1.8 2005/12/12 22:49:58 vanmer Exp $
 */
body {
    margin: 0px;
}
/** ----------
 * Primary page/content body: Main with Content/Sidebar
 * Include z-index for jscalender (div.calendar);
 */
#Main {
    /* position is important for positioning of Sidebar */
    position: relative;
    width:100%;
    z-index: 0;         /* below Sidebar and Content */
    clear: both;
    margin: 0px 2px;
    padding:0px;
}


#xrms_calendar{
/*    position: relative;*/
    width: 69.5%;
    min-width: 12em;
    z-index: 4;         /* Content above Sidebar */
    margin: 0px;
    /* Match sidebar width for right (by default) margin */
	/*
    margin: 0em 30.5% 0em 0em;
	*/
}
#xrms_calendar_legend {
    /*position: absolute;*/
    float: right;
    z-index: 4;         /* Sidebar below Content */
    top: 0px;
    right: 0px;
    margin: 0px;
    /* Width needs to match right margin in #Main #Content */
    width: 15%;
}

#ContentL {
    position: relative;
    width: 83%;
    min-width: 12em;
    z-index: 3;         /* Content above Sidebar */
    /* Match sidebar width for right (by default) margin */
    margin: 0em 0em 0em 17%;
}


div.calendar {
    position: relative; /* must define position for z-index */
    z-index: 4;         /* calendar on top!!                */
}
/** ----------
 * Alternate page/content body: ContentFullWidth (no inner Content/Sidebar)
 * If this is included inside Main, don't set a margin
 */


/** ----------
 * Alternate page/content body: login-box for login page
 */
#loginbox {
    position: absolute;
    /** Use negative margins to center height */
    height: 7em;
    top: 50%;
    margin-top: -3.5em;
    /** Use negative margins to center width */
    width: 16em;
    left: 50%;
    margin-left: -8em;
}

/** --------
  * Make selectable columns widget able to scroll if they don't fit in their intended space
  */
div.PagerSelectableColumns {
    overflow: auto;
}

/*.buttonImg {cursor : hand;}*/

.login {
	margin: 200px auto 0px auto;
	padding: 15px;
	border: 1px solid #cccccc;
	width: 429px;
	height:200px;
	background-color: #F1F3F5;
}


.form-block {
	border: 1px solid #cccccc;
	background: #E9ECEF;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.login-form {
	text-align: left;
	float: right;
	width: 60%;
}

.login-text {
	margin:0px;
	padding:40px 0px 0px 0px;
	text-align: left;
	width: 40%;
	float: left;
}

.inputlabel {
	font-weight: bold;
	text-align: left;
	}

.inputbox {
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	}


