/************************************************/
/*** EPPENDORF AG EPMOTION CSS STYLE SHEET    ***/
/************************************************/

a, p, input, textarea, td, h1, h2, h3, div, select, li, strong {
	color: #000000;
	font-size: 11px;
}

#epmotionframe {
    width: 810px;
}

#epmotionbox {
    width: 600px;
    margin-left: 210px;
    margin-top: 70px;
	position: relative;
}

#epmotionheightspacer {
    display: none;
}

/************************************************/
/*** EPMOTION PANE ELEMENTS                   ***/
/************************************************/

#epmotionpaneframe {
    width: 600px;
    background-color: #FFFFFF;
}

#epmotionpanenavibox {
	margin: 0px;
	padding: 0px;
}

.epmotioncontentbox {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 11px;
}

.epmotioninnercontentbox {
	margin: 5px;
}

.epmotionclearfloat {
	clear:both;
	background-color: #FFFFFF;
}

#epmotionclearspacer {
	clear:both;
	background-color: #FFFFFF;
	display: none;
}

.epmotioninnerleftbox {
	padding: 5px;
	float: left;
	width: 380px;
	position: relative;
	background-color: #FFFFFF;
}

.epmotionsidebar {
	margin: 0px;
	float: right;
	width: 200px;
	position: relative;
}

/*.epmotionpanebox {
    padding: 1px;
    background-color: #FFFFFF;
    border-right: 1px solid #858688;
	border-bottom: 1px solid #858688;
    border-left: 1px solid #858688;
    color: #000000;
    position: relative;
}

.epmotionpaneact {
    padding: 7px 5px 2px 5px;
	margin: 0px;
    border-top: 1px solid #858688;
	border-bottom: 1px solid #6d6e71;
    border-left: 1px solid #858688;
    border-right: 1px solid #858688;
    background-image: url(../../img/epmotion/epmotionact.gif);
    background-position: top center;
    background-repeat: repeat-x;
    font-size: 11px;
    font-weight: bold;
	text-decoration: none;
	color: #ffffff;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
	cursor: hand;
}

.epmotionpaneinactleft {
    padding: 8px 5px 2px 5px;
	margin: 0px;
    background-image: url(../../img/epmotion/epmotioninact.gif);
    background-position: top left;
    background-repeat: no-repeat;
	border-bottom: 1px solid #858688;
    font-size: 11px;
    font-weight: bold;
	text-decoration: none;
	color: #ffffff;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
	cursor: hand;
}

.epmotionpaneinactright {
    padding: 8px 5px 2px 5px;
	margin: 0px;
    background-image: url(../../img/epmotion/epmotioninact.gif);
    background-position: right top;
    background-repeat: no-repeat;
	border-bottom: 1px solid #858688;
    font-size: 11px;
    font-weight: bold;
	text-decoration: none;
	color: #ffffff;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
	cursor: hand;
}

#epmotionpanefill {
    font-size: 11px;
    border-bottom: 1px solid #858688;
}*/

.epmotionpanebox {
    padding: 1px;
    background-color: #FFFFFF;
    border-right: 1px solid #C0C0D9;
	border-bottom: 1px solid #C0C0D9;
    border-left: 1px solid #C0C0D9;
    color: #506989;
    position: relative;
}

.epmotionpaneact {
    padding: 7px 5px 2px 5px;
	margin: 0px;
    border-top: 1px solid #C0C0D9;
	border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #C0C0D9;
    border-right: 1px solid #C0C0D9;
    background-image: url(../../img/epmotion/epmotionact.gif);
    background-position: top center;
    background-repeat: repeat-x;
    font-size: 11px;
    font-weight: bold;
	text-decoration: none;
	color: #506989;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
	cursor: hand;
}

.epmotionpaneinactleft {
    padding: 8px 5px 2px 5px;
	margin: 0px;
    background-image: url(../../img/epmotion/epmotioninact.gif);
    background-position: top left;
    background-repeat: no-repeat;
	border-bottom: 1px solid #C0C0D9;
    font-size: 11px;
    font-weight: bold;
	text-decoration: none;
	color: #506989;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
	cursor: hand;
}

.epmotionpaneinactright {
    padding: 8px 5px 2px 5px;
	margin: 0px;
    background-image: url(../../img/epmotion/epmotioninact.gif);
    background-position: right top;
    background-repeat: no-repeat;
	border-bottom: 1px solid #C0C0D9;
    font-size: 11px;
    font-weight: bold;
	text-decoration: none;
	color: #506989;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
	cursor: hand;
}

#epmotionpanefill {
    font-size: 11px;
    border-bottom: 1px solid #C0C0D9;
}

.epmotionpanetdmoreinfo {
    padding: 8px 5px 2px 12px;
	margin: 0px;
    background-image: url(../../img/training_bullet.gif);
    background-position: left 9px;
    background-repeat: no-repeat;
	border-bottom: 1px solid #C0C0D9;
    font-size: 11px;
    font-weight: bold;
	text-decoration: none;
	color: #003366;
    white-space: nowrap;
    cursor: pointer;
	cursor: hand;
}

.epmotionpanetext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #506989;
}

.epmotionpanelink {
    font-size: 11px;
    font-weight: bold;
    color: #506989;
    text-decoration: none;
    padding-right: 10px;
    background-image: url(../../img/link_bullet.gif);
    background-repeat: no-repeat;
    background-position: right 5px;
}

.epmotionsubnavigationbox {
	background-image: url(../../img/epmotion/subnav_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #f9b688;
	padding: 5px 0px 5px 0px;
	margin: -1px;
}

.epmotionsubnavlink {
	font-size: 11px;
    color: #333333;
    text-decoration: none;
    padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #858688;
}

.epmotionsubnavlink:hover {
	font-size: 11px;
    color: #858688;
    text-decoration: underline;
    padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #858688;
}

.epmotionlist {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #003366;
	list-style-image:url(../../img/epmotion/epmotion_list_bullet.gif);
	padding: 0px 5px 0px 17px;
	margin: 0px;
}

.epmotiontabhead1 {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
    text-decoration: none;
	background-color: #6d6e71;
}

.epmotiontabhead {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
    text-decoration: none;
	background-color: #c7c8ca;
}

.epmotiontabsubhead {
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    text-decoration: none;
	background-color: #d5e2f3;
}

.epmotiontab {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    text-decoration: none;
	background-color: #e4eff9;
}

.epmotiontab a, .epmotiontab div, .epmotiontab p {
	color: #000000;
}

.epmotiontab a:hover {
	color: #000000;
}

.epmotionvideolink {
    color: #003366;
    text-decoration: none;
    padding: 0px 0px 0px 15px;
    background-image:url(../../img/epmotion/epmotion_video_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px center;
}

.epmotionvideolink:hover {
    color: #003366;
    text-decoration: underline;
    padding: 0px 0px 0px 15px;
    background-image:url(../../img/epmotion/epmotion_video_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px center;
	 
}

.epmotionvideolink2 {
    color: #003366;
    text-decoration: none;
    padding: 0px 0px 0px 17px;
    background-image:url(../../img/epmotion/epmotion_video_bullet2.gif);
    background-repeat: no-repeat;
    background-position: 0px center;
}

.epmotionvideolink2:hover {
    color: #003366;
    text-decoration: underline;
    padding: 0px 0px 0px 17px;
    background-image:url(../../img/epmotion/epmotion_video_bullet2.gif);
    background-repeat: no-repeat;
    background-position: 0px center;
}

.epmotionheadline {
    color: #003366;
    text-decoration: none;
    background-image:url(../../img/epmotion/headline_bg.gif);
    background-repeat: repeat-y;
    background-position: right;
	background-color: #dde5f7;
    padding: 3px 3px 3px 7px;
}

.epmotiontextmini {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.epmotiondownloadlink {
    color: #34485C;
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding-left: 12px;
    background-image: url(../../img/download_bullet.gif);
    background-repeat: no-repeat;
    background-position: center left;
}

.epmotionnewshead {
    color: #000000;
    text-decoration: none;
    background-image:url(../../img/epmotion/epmotion_newshead_bg.gif);
    background-repeat: repeat-x;
	padding: 4px 3px 4px 7px;
	margin-top: 20px;
}

/************************************************/
/*** EPMOTION LABWARE CSS STYLE SHEET         ***/
/************************************************/

#epmotionlabwarecontentbox {
    margin: 5px;
}

#epmotionlabwareerrorbox {
    border: 1px solid #990000;
    color: #990000;
    text-align: center;
    font-weight: bold;
    padding: 3px;
    margin-top: 10px;
}

#epmotionlabwareinfobox {
    border: 1px solid #003366;
    color: #003366;
    text-align: center;
    font-weight: bold;
    padding: 3px;
    margin-top: 10px;
}

#epmotionlabwareuserbar {
    color: #003366;
    text-decoration: none;
    background-image:url(../../img/epmotion/epmotion_newshead_bg.gif);
    background-repeat: repeat-x;
	padding: 4px 3px 4px 7px;
	margin-top: 10px;
}

#epmotionlabwarecontentcell {
    width: 380px;
}

#epmotionlabwaresidebarcell {
    width: 380px;
}

.epmotionlabwaresearchbox {
    margin-top: 10px;
    padding: 5px;
    background-color: #dde5f7;
}

#epmotionlabwaredisclaimerbox {
    margin-top: 5px;
    padding: 0px 5px 0px 5px;
}

.epmotionlabwareformlabel {
    font-weight: bold;
    width: 100%;
}

.epmotionlabwareformselectfield {
    font-size: 10px;
    margin: 2px 0px 2px 0px; 
    padding: 1px;
    width: 250px;
    border: 1px solid #003366;
    background-color: #FFF;
}

.epmotionlabwareforminputfield {
    margin: 3px 0px 3px 5px; 
    padding: 1px;
    border: 1px solid #003366;
    background-color: #FFF;
}

.epmotionlabwareformsubmitfield {
    margin: 3px 0px 3px 5px; 
    padding: 1px;
    border: 1px solid #003366;
    background-color: #FFF;
}

/*** MENU BAR ***/
#epmotionlabwaremenubar {
    color: #003366;
    text-decoration: none;
    background-image:url(../../img/epmotion/epmotion_newshead_bg.gif);
    background-repeat: repeat-x;
	padding: 4px 3px 4px 7px;
	margin-top: 10px;
    margin-bottom: 10px;
}

#epmotionlabwaremenubar a {
    font-weight: bold;
    text-decoration: none;
    color: #003366;
}

#epmotionlabwaremenubar a:hover {
    font-weight: bold;
    text-decoration: underline;
    color: #003366;
}

.epmotionlabwaremenuspacer {
    width: 10px;
    text-align: center;
    font-weight: bold;
}

#epmotionlabwarerecordscell {
    font-weight: bold;
    padding-right: 5px;
}

/*** DATA TABLE ***/
.epmotionlabwaredatahead {
    font-weight: bold;
    padding: 2px 0px 2px 5px;
}

.epmotionlabwaredataheadbtn {
    font-weight: bold;
    padding: 2px 2px 2px 5px;
    text-align: center;
}

.epmotionlabwaredatatd {
    padding: 2px 0px 2px 5px;
    border-top: 1px solid #003366;
}

.epmotionlabwaredatabtn {
    padding: 2px 2px 2px 2px;
    border-top: 1px solid #003366;
    text-align: center;
}

/*** SINGLE VIEW TABLE ***/
.epmotionlabwareitemlabel {
    font-weight: bold;
    padding: 2px 2px 2px 5px;
    border-bottom: 1px solid #003366;
}

.epmotionlabwareitemdata {
    padding: 2px 5px 2px 5px;
    border-bottom: 1px solid #003366;
}

/************************************************/
/*** HEADLINES                                ***/
/************************************************/

.headline {
	height: 22px;
	overflow: hidden;
	margin-top: 5px;
	width: 100%;
}

.headline_left {
	height: 22px;
	width: 11px;
   background-image:url(../../img/epmotion/epmotion_headline_left.gif);
	background-position: top left;
   background-repeat: no-repeat;
}

.headline_center {
	height: 22px;	
	background-color: #8ec1e8;
	color: black;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
}

.headline_right {
	height: 22px;	
	width: 11px;
   background-image:url(../../img/epmotion/epmotion_headline_right.gif);
	background-position: top left;
   background-repeat: no-repeat;
}

.possframe {
   background-image:url(../../img/epmotion/possibilities/userresponse_bg.gif);
	background-position: 0px 150px;
   background-repeat: no-repeat;	
	width: 596px;
}

.possbox {
	width: 240px;
	font-size: 9px;
	text-align: center;
	margin: 10px;
}

.possbox_top {
   background-image:url(../../img/epmotion/possibilities/possbox_top_bg.gif);
	width: 240px;
	height: 15px;
	font-size: 2px;
	text-align: center;
}

.possbox_middle {
   background-image:url(../../img/epmotion/possibilities/possbox_middle_bg.gif);
	width: 230px;
	font-size: 9px;
	padding: 0px 5px 0px 5px;
	text-align: center;
}

.possbox_bottom {
   background-image:url(../../img/epmotion/possibilities/possbox_bottom_bg.gif);
	width: 240px;
	height: 15px;
	font-size: 2px;
	text-align: center;
}