/* Formatting specific to the Authentication application */
/* Main Menu header font */
body, table, td, th, pre {
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
}
body {
    background: #dedede url(skin/dflt/background.png) repeat-x 0 0;
    margin: 0;
}
iframe {
	border : 0 none;
}

p>strong{
    font-weight: bold;
}
p>strong>em{
    font-weight: bold;
    font-style: italic;
}
p>em{
    font-style: italic;
}
p>em>strong{
    font-weight: bold;
    font-style: italic;
}

span.cke_combo_text {
    width: 160px;
}

.gwt-HTML em{
    font-style:italic;
}
.gwt-HTML ol, .gwt-HTML ul{
    display: block;
    padding-left:20px;
    margin-left:10px;
}

.gwt-HTML ul{
    list-style-type: disc;
}
.gwt-HTML ol{
    list-style-type: decimal;
}

.gwt-HTML strong{
    font-weight:bold;
}

.fileItem{
    margin-right: 10;
    background-color: lightblue;
}

#overviewPanel>div{
    float:left;
    margin-right:20px;
    margin-bottom:10px;
    white-space:nowrap;
    font-size:13px;
}
#overviewPanel>div>div{
    display:inline;
}

#readOrderPatient{
    display:inline;
    white-space:nowrap;
    font-size:13px;

}

.clearFix:before, .clearFix:after{
    display:table;
    content:" ";
}
.clearFix:after{
    clear:both;
}

.readOrderText{
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 13px;
}


/* top bar */
.orderViewToolbar {
    padding-left: 78px;
    background: transparent url("skin/dflt/top_bar/icons/rxeyelogo-white.png") no-repeat 4px 2px !important;
    height: 38px;
}

.separator {
    margin: 0px 5px;
    left: 196px;
    top: 3px;
    height: 30px;
    width: 2px;
    background: url("skin/dflt/top_bar/divider/divider.png") 0 0 no-repeat;)
}

.installationInfoText {
    font-size: 16px;
    font-weight: bold;
}

.contractSelectorHeader{
    /*color: black;*/
    font-size: 28;
}

#loggedInWithBlankBackground {
    position: relative;
    background: transparent url(newimages/background_without_shadow.jpg)
    no-repeat 0 0;
    width: 966px;
    min-height: 612px;
    margin: 0 auto;
    padding: 0 0 0 22px;
}

.worklistgrid{
    margin-left: 100;
}

#authentication .alert td {
	background-color: #ff9494;
	border-width: 1px 0;
	border-color: #b92f32;
	border-style: solid;
}
/* This one needs to be the short version of it as well! */
#authentication .com-sencha-gxt-widget-core-client-grid-GridView-GridStateStyles-rowSelected.alert td {
	/* background-color: #d99c9c !important;  #df4b3d or #d99c9c or #ff7b2e*/
	border-width: 1px 0;
	border-color: #b92f32;
	border-style: solid;
}
/* Used for red text when due date is late */
#authentication .isLate {
	color: #f00;
}

.outbound .rejected td{
    /*background-color: red;
    color: white;
    font-weight: bold;*/
    color:red;    
}

.inbound .rejected td {
    color: red;
}

.outbound .supreaderrequest td {
	font-weight: bold;
} 

.outbound .definitive td {
	font-weight: bold;
}

.outbound .draft td {
    color: grey;
    /*font-weight: bold;*/
}

.outbound .editabledraft td {
    /*color: grey;*/
    font-weight: bold;
}

.outbound .sending td {
	color: red;
}

.outbound .signed td{
    font-weight: bold;
}

.inbound .received td{
    font-weight: bold;
}

.notificationsUnread td{
    font-weight: bold;
}

.inbound .reserved td{

}

.outbound .updatereport td {
	font-weight: bold;
}
.inbound .updatereport td {

}

.inbound .revoked td{
	color: red;
}
.inbound .trancriptiondone td{
	 font-weight: bold;
}

.fileUploading td{
    color: green;
    font-weight: bold;
}

.fileUploadedDone td{
    color: grey;
    font-weight: bold;
}

.fileUploadedFailed td{
    color: red;
    font-weight: bold;
}

.asciitext {
    white-space: pre-wrap;
    text-align : justify;
    word-wrap:break-word;
}

.asciitextLeft { padding-left: 2px; white-space: pre-wrap;  }

.orderMessageHeading{
    border-top: 1px solid #B5B8C8;
}

.status:signed{
    border-top: 1px solid #B5B8C8;
}

.status.rejected{
    border-top: 1px solid #B5B8C8;
}


#create-button-id{

}

.resultItem{

}

.resultCheckBox{
    width: 50;
    height: 50;
    vertical-align: bottom;
    margin-right: 20;
}

.resultImage{
    margin-right: 20;
}

.dotDotDot{

}

/*#authentication {
	position: relative;
	background: transparent url(images/bg_front.jpg) no-repeat 0 0;
	width: 966px;
	min-height: 612px;
	margin: 0 auto;
	padding: 0 0 0 22px;
}*/
#authentication {
    height: 100%; margin: 0;
    /*background: transparent url(skin/dflt/top_bar/blue_element.png) repeat-x 0 0;*/
}
#content {
    position: relative;
    width: 100%; /* 966px*/
    height: 100%;
    min-height: 730px;
    margin: 0;
    padding: 0;
}
/*#header {
    position: static;
    overflow: visible;
}*/


#loggedUser a {
    color: #0e4961;
    text-decoration: none;
    padding-left: 3px;
}

#loggedUser a:hover {
    color: #000;
}

div#mainmenu {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
    min-height: 400px;
}

ul#mainmenu {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
    min-height: 300px;
}

ul#mainmenu li {
    display: block;
    width: 452px;
    background: #a1bbc8 url(newimages/bg_mainmenu.jpg) no-repeat -60px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #34647c #b8d4e0 #fff #628797;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    box-shadow: inset 1px 1px 3px #789cae;
    -moz-box-shadow: inset 1px 1px 3px #789cae;
    -webkit-box-shadow: inset 1px 1px 3px #789cae;
    margin: 0 0 10px 0;
}

ul#mainmenu li a {
    display: block;
    color: #386c82;
    /*	font-family: Arial, Helvetica, sans-serif;*/
    /*	font-size: 130%;*/
    font-weight: bold;
    text-decoration: none;
    text-shadow: #dfe8ec 1px 1px 1px;
    padding: 12px 22px 14px 54px;
}

ul#mainmenu li:hover {
    box-shadow: inset 2px 2px 5px #668ea2;
    -moz-box-shadow: inset 2px 2px 5px #668ea2;
    -webkit-box-shadow: inset 2px 2px 5px #668ea2;
}

ul#mainmenu li a:hover {
    color: #174c63;
}

.gwt-StackLayoutPanel {
    background-color: #fff;
    /*	font-size: 0.8em; */
}
.gwt-StackLayoutPanelHeader {
    /*font-size: 0.9em;*/ font-weight: bold;
    background-color: #cecece;
    border: 1px solid #999; border-width: 1px 0;
}
.contractBoxes,
.orgBoundBoxes {
    border: 1px solid #eee; border-width: 1px 0;
    border-top-color: #ccc;
}

.orderdetail .noOrderSelectedLabel, .noPatientSelectedLabel { color: #666; font-size: 13px; padding-top : 20px;}

ul #mainmenu li:nth-child(2)
{
    background-position:-40px 0;
}
ul #mainmenu li:nth-child(3)
{
    background-position : -20px 0;
}
ul#mainmenu li:nth-child(4)
{
    background-position : 0 0;
}
ul#mainmenu li:nth-child(5)
{
    background-position : 20px 0;
}
ul#mainmenu li:nth-child(6)
{
    background-position : 40px 0;
}
ul#mainmenu li:nth-child(7)
{
    background-position : 60px 0;
}
ul#mainmenu li.procurement a {

}

ul#mainmenu li.stats a {
    background: transparent url(newimages/ico_stats.png) no-repeat 12px 50%;
}

ul#mainmenu li.admin a {
    background: transparent url(newimages/ico_admin.png) no-repeat 12px 50%;
}

ul#mainmenu li.order a {
    background: transparent url(newimages/ico_submit.png) no-repeat 7px 50%;
}

ul#mainmenu li.ordertrans a {

}

ul#mainmenu li.transcribe a {
    background: transparent url(newimages/ico_headset.png) no-repeat 14px
    50%;
}

ul#mainmenu li.reading a {
    background: transparent url(newimages/ico_read.png) no-repeat 11px 50%;
}

ul#mainmenu li.organizations a {
    background: transparent url(newimages/ico_organization.png) no-repeat
    11px 50%;
}

ul#mainmenu li.users a {
    background: transparent url(newimages/ico_users.png) no-repeat 9px 50%;
}

#display {
    position: absolute;
    top: 75px;
    right: 17px;
    width: 456px;
    height: 396px;
    background: transparent url(newimages/display.png) no-repeat 0 0;
    display: none;
}

#screen {
    position: absolute;
    top: 30px;
    right: 28px;
    width: 406px;
    height: 263px;
    background: transparent url(newimages/screen1.png) no-repeat 0 0;
}

/* End new design */
#foobar {
    padding-top: 170px;
}

.right_Panel{
    margin-left: 20;
}

.gwt-DialogBox .Caption {
    background: #12127A;
    padding: 4px 8px 4px 4px;
    /*font-size: 75%;*/
    cursor: default;
    border-bottom: 1px solid #bbbbbb;
    border-top: 1px solid #D2D2D2;
    color: white;
}

.gwt-DialogBox {
    border: 2px outset;
    background-color: #93B2C4;
}

.gwt-PopupPanelGlass {
    background-color: black;
    filter: alpha(opacity =       50);
    opacity: .50;
}
.bg-gray{
	background-color:#dedede;
}

.reportSignPreview{
	background-color:#cecece;
	padding-top:1px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	margin-top:5px;
}

/* WorkList */
.WorkListMainView { background-color: #fff; border: 1px solid #666; }
.WorkListMainView .workListItemView,
.WorkListMainView .chainedItemView {
	background-color:#dedede;
    border: 1px solid #BBB;
    padding: 0 3px;
    border-width: 0 1px;
    margin-left: 2px;
    /*font-size: 75%;*/
}
/*.workListItemView { background-color: #fff; }*/
/** TinyWorkListItem **/
#MAIN_WORK_LIST_CONTENT {
    /* is the same node as #content on other pages - here to give more size */
    position: relative;
    background: transparent url(newimages/bg_front.jpg) no-repeat 0 0;
    /*width: 966px;*/
    min-height: 775px;
}
.tinyWorkListItem {
    width: 100%;
    /*font-size: 10px;*/
    border-bottom: 1px solid #666;
    padding-bottom: 2px;
}
.GALD-WOM .tinyWorkListItem {
    /* Selected item in list:*/
    background-color: #2D70E0;
    /*	background-color: #999;*/
}
.tinyWorkListItem td { width: 33%; }

/* Status table in TinyWorkListItem*/
.twliStatusTbl tr.r2 {
    height: 9px;
    border: 1px solid #000;
}

.twliStatusTbl td { width: 50%; }

.twliStatusTbl tr.r2 td.done {
    background: #00cc00;
}
.twliStatusTbl tr.r2 td.notDone {
    background: #ccc;
}
/* End TinyWorkListItem
End WorkList **/

/* Read Referral window (former Read Order)*/
.refAnamnesisText label,
.refQuestionText label { font-weight: bold; }

/* End Read Referral window */

/* Top menu in Main view */
#create-order-button {
    padding-left: 27px;
    /* 	background: url("skin/dflt/top_bar/icons/add_order.png") no-repeat 0 2px; */
    font-weight: normal;
}
#create-order-button .GBOBXPVCH3,
#create-order-button .GBOBXPVCC3,
#create-order-button .GBOBXPVCO2,
#create-order-button .GBOBXPVCG3,
#create-order-button .GBOBXPVCI3,
#create-order-button .GBOBXPVCF3,
#create-order-button .GBOBXPVCM2,
#create-order-button .GBOBXPVCL2,
#create-order-button .GBOBXPVCN2,
#create-order-button table
{
    background: none;
}

#create-order-button td,
#create-order-button div{
    background:none !important;
    background-image:none !important;
}

#create-order-button .GBOBXPVCH3,
#create-order-button .GBOBXPVCG3,
#create-order-button .GBOBXPVCI3
{ height: 0px;}
#create-order-button { left: 2px; height: 18px; }

div,
span,
textarea,
input,
td,
button,
label
{
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
}
.orderFramedPanel .GA4RAJPDAXB {
    border-width: 0;
}
.orderFramedPanel .Avvisad,
.orderFramedPanel .Signerad {
    background-color: #dedede;
    /*border: 1px solid #888888;*/
    padding: 4px;
}
.orderVerticalPanel .orderHorizontalPanel,
.orderVerticalPanel .orderContentPanel,
.orderVerticalPanel .orderButton{
    background-color: #dedede;
    width: 100%;
}
.orderFramedPanel .orderMessageHeading {
    font-weight: bold;
    border-width: 0;
}
.orderFramedPanel .Avvisad .orderMessageHeading {
    color: red;
}

.GBOBXPVCMQ .GBOBXPVCOWB {
    background-color: transparent;
    border-bottom: 0;
}

.questionAndAnamnesisTable td { vertical-align: top; }
.questionAndAnamnesisTable .asciitext { padding-top: 0; }
.questionAndAnamnesisTable .qLabel, .questionAndAnamnesisTable .aLabel, .questionAndAnamnesisTable .cLabel { font-weight: bold; }

.gender_disabled * {
    color: black !important;
    cursor: default !important;
    font-weight: bold;
}

.gender_disabled {
    cursor: default !important;
}

.preliminaryReplyCheckBoxPanel{
    margin-left: 5px;
    padding-bottom: 5px;
}

#create-order-button .GBOBXPVCLO .GBOBXPVCCO td, #create-order-button .GBOBXPVCLO .GBOBXPVCDO td, #create-order-button .GBOBXPVCLO .GBOBXPVCJO td {
    line-height: 19px;
}

/* Prototyp Search of Organization START */
.orgTable .orgName { font-weight: bold; }
.orgTable .orgContent { border-bottom: 1px solid #000;  padding-bottom: 0px;}
.orgTable .orgTable { margin-bottom: 0px; }
.orgTable .orgContent table { border-collapse: collapse; margin: 0; padding: 2px 2px 2px 0px; }

/* END Prototyp Search of Organization */

/* Worklist grid */
table.wl_grid td, table.wl_grid td.x-grid-cell-first { vertical-align: middle; }

.disableButton {
    -moz-box-shadow:inset 0px 39px 0px -24px #ffffff;
    -webkit-box-shadow:inset 0px 39px 0px -24px #ffffff;
    box-shadow:inset 0px 39px 0px -24px #ffffff;
    background-color:#ededed;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#777778;
    font-family:Tahoma,Arial,Verdana,sans-serif;
    font-size:11px;
    padding:4px 4px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
    cursor: default;
    white-space: nowrap;
    margin: 0px;
    height: 23px;
}
.disableButton:hover {
    background-color:#e9e9e9;
}
.myButton:active {
    position:relative;
    top:1px;
}

.left {
    float : left;
}

.right {
    float : right;
}

.QnAContainer {
    position : relative;
    overflow : hidden;
    min-height : 380px;
    width : 49.6%;
}

.QnAContent {
    position : absolute;
}

.consentChkBox {
    left : 10px ! important;
}

.consentChkBox label{
    margin-left: 5px;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
}

.secondaryText {
			border-left: 5px solid red;
			margin-top: 10px;
			margin-bottom: 20px;
			padding-left: 10px;
}

.worklist-meta{
    font-weight:bold;
    margin-top:2px !important;
    margin-left:35px !important;
    font-weight : bold;
}

div.bgMain:hover,div.bgGreen:hover,div.bgRed:hover,div.bgYellow:hover{
    outline: 0;
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 8px rgba(109,109,162,.6);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 8px rgba(109,109,162,.6);
    -webkit-transition: all 0.2s ease-out;  Chrome 1-25, Safari 3.2+
-moz-transition: all 0.2s ease-out;  Firefox 4-15
-o-transition: all 0.2s ease-out;  Opera 10.50–12.00
transition: all 0.2s ease-out;  Chrome 26, Firefox 16+, IE 10+, Opera 12.10+
}

div.bgMain:active,div.bgGreen:active,div.bgRed:active,div.bgYellow:active{
    box-shadow: none;
    -webkit-box-shadow : none;
}

.customDisabled>.bgMain,.customDisabled>.bgMain:hover,
.customDisabled>.bgGreen,.customDisabled>.bgGreen:hover,
.customDisabled>.bgRed,.customDisabled>.bgRed:hover,
.customDisabled>.bgYellow,.customDisabled>.bgYellow:hover
{background: #c5c5c5 none no-repeat fixed center;border: 1px solid #aeaeae;box-shadow:none;}

div.bgMain {background: #1b3a69 none no-repeat fixed center;border: 1px solid #3f406b;}
div.bgMain:hover {background: #2860a8 none no-repeat fixed center;}

div.bgGreen {background: #4ba23a none no-repeat fixed center;border: 1px solid #337a29;}
div.bgGreen:hover {background: #6FB964 none no-repeat fixed center;}

div.bgRed {background: #d04f20 none no-repeat fixed center;border: 1px solid #933916;}
div.bgRed:hover {background: #D9724D none no-repeat fixed center;}

div.bgYellow {background: #d3a000 none no-repeat fixed center;border: 1px solid #be8200;}
div.bgYellow:hover {background: #DCB333 none no-repeat fixed center;}

.forceToCustomTextButton div.bgMain {background: #1b3a69 none no-repeat fixed center!important;border: 1px solid #3f406b!important;}
.forceToCustomTextButton div.bgMain:hover {background: #6D6EA1 none no-repeat fixed center!important;}

.forceToCustomTextButton div.bgGreen {background: #4ba23a none no-repeat fixed center!important;border: 1px solid #337a29!important;}
.forceToCustomTextButton div.bgGreen:hover {background: #6FB964 none no-repeat fixed center!important;}

.forceToCustomTextButton div.bgRed {background: #d04f20 none no-repeat fixed center!important;border: 1px solid #933916!important;}
.forceToCustomTextButton div.bgRed:hover {background: #D9724D none no-repeat fixed center!important;}

.forceToCustomTextButton div.bgYellow {background: #d3a000 none no-repeat fixed center!important;border: 1px solid #be8200!important;}
.forceToCustomTextButton div.bgYellow:hover {background: #DCB333 none no-repeat fixed center!important;}
.outercontainer { display: table; width: 100%;}
.middlecontainer { display: table-cell;  padding-left: 8px; vertical-align: middle;}
.container {height: auto; max-width: 600px; position: relative; font: 14px arial, helvetica, sans-serif;}
.gridexpandline {margin: 5px 5px 10px 8px; font: 14px arial, helvetica, sans-serif;}

/* replaced #5b5b97 with #1b3a69 : */
.FlexTable {width:100%; border-collapse: collapse; border-top: solid 1px #1b3a69; border-left:  solid 1px #1b3a69; border-right: solid 1px #1b3a69; border-bottom:  solid 1px #1b3a69;}
 .FlexTable2 {width:99%; padding-right: 4px; border-collapse: collapse; border-top: solid 1px #ccc; border-left:  solid 1px #ccc; border-right: solid 1px #ccc; border-bottom:  solid 1px #ccc;}
.FlexTable-OddRow { background-color: white; border: 0px solid #1b3a69; border-width: 0px 0px 0px 1px; padding: 4px; border-collapse: collapse; width: 50%;}
.FlexTable-EvenRow { background-color: #eeeefa;  border: 0px solid #1b3a69;  border-width: 0px 0px 0px 1px; padding: 4px; padding-right: 3px; border-collapse: collapse; width: 50%;}
.FlexTable-OddRow2 { background-color: white; padding: 4px; padding-right: 7px; border-collapse: collapse; width: 99%;}
.FlexTable-EvenRow2 { background-color: #eeeefa; padding: 4px; padding-right: 7px; border-collapse: collapse; width: 99%;}
.FlexTable-ColumnLabel { color: white; padding: 3px;}
.FlexTable-ColumnLabelCell { border-width: 0 0 1px 0; border-style: solid; border-color: white; margin: 0; padding: 0; text-align: center;}
.FlexTable-Cell { border-width: 0px 0px 0px 1px;  border-style: solid;  border-color: white;  padding: 5px;}

i.check-indicator {
    position: absolute;
    top: 20%;
    left: 35%;
    color: green;
}
i.hide-indicator {
    display: none;
}

/*used in worklist */
i.report-alert {
	color:red;
}

/*used in read order view */
i.report-alert-report {
	color:red;
	padding-left: 10px;
}