/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/*----- CSS RESET -----*/


/* HTML5 display-role reset for older browsers */
/*article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	min-width: 400px;
	margin: 0 auto;
    -webkit-overflow-scrolling: touch;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
}*/

/*----- END CSS RESET-----*/

/*@font-face
{
    font-family: 'myFont';
    src:url('../../../content/my/WebFonts/segoeuil-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../../content/my/WebFonts/segoeuil-webfont.woff') format('woff'),
        url('../../../content/my/WebFonts/segoeuil-webfont.ttf') format('truetype'),
        url('../../../content/my/WebFonts/segoeuil-webfont.svg#myFont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'myFontReg';
    src:url('../../../content/my/WebFonts/segoeui-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../../content/my/WebFonts/segoeui-webfont.woff') format('woff'),
        url('../../../content/my/WebFonts/segoeui-webfont.ttf') format('truetype'),
        url('../../../content/my/WebFonts/segoeui-webfont.svg#myFont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'myFontBold';
    src:url('../../../content/my/WebFonts/segoeuib-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../../content/my/WebFonts/segoeuib-webfont.woff') format('woff'),
        url('../../../content/my/WebFonts/segoeuib-webfont.ttf') format('truetype'),
        url('../../../content/my/WebFonts/segoeuib-webfont.svg#myFont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'myFontSemiBold';
    src:url('../../../content/my/WebFonts/segoeuisb-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../../content/my/WebFonts/segoeuisb-webfont.woff') format('woff'),
        url('../../../content/my/WebFonts/segoeuisb-webfont.ttf') format('truetype'),
        url('../../../content/my/WebFonts/segoeuisb-webfont.svg#myFont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'myFontSemiLight';
    src:url('../../../content/my/WebFonts/segoeuisl-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../../content/my/WebFonts/segoeuisl-webfont.woff') format('woff'),
        url('../../../content/my/WebFonts/segoeuisl-webfont.ttf') format('truetype'),
        url('../../../content/my/WebFonts/segoeuisl-webfont.svg#myFont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'myFontLightItalic';
    src:url('../../../content/my/WebFonts/seguili-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../../content/my/WebFonts/seguili-webfont.woff') format('woff'),
        url('../../../content/my/WebFonts/seguili-webfont.ttf') format('truetype'),
        url('../../../content/my/WebFonts/seguili-webfont.svg#myFont') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

#imageLoading
{
    width: 150px;
    height: 150px;
}

.validation-summary-errors {
  background: #222;
  border: 0px;
  margin: 0 auto;
}
.validation-summary-errors ul {
  margin: auto auto;
}

.validation-summary-errors ul li {
  color: #FFFFFF;
  list-style: none;
  font-size: 10pt;
}

#show-manual-search {
  text-align:center;
  cursor:pointer;
}


/*body {background:#111111 url(../../../Content/My/Images/Metro/PicomWebBackground2.jpg) no-repeat 0 0; background-size: cover; font-size:11pt;}*/
img {border:0;}
.container { width: 100%;}
.largeFont {font-size: 80px;}
.mediumFont {font-size: 30px;}
::-ms-clear {display: none;}

.small {font-size: 8px;}
.left {float:left;}
.right {float: right;}
.clearBtn {cursor:pointer;margin:3px 0 0px 5px;width:17px;}
.clearBtn:hover {cursor:pointer;}
.loginWidth {width: 195px;}


/*-------------------STUDIES------------------------*/

/*-------------------SEARCH------------------------*/


    

/*-------------------EXPANDER------------------------*/



/*-------------------SHORTCUT BAR-------------------*/


/*-------------------CONTEXT MENU-------------------*/


/* End of Context Menu */




/* Scrollable */

/*
  root element for scrollable items. Must be absolutely positioned
  and it should have a extremely large width to accommodate scrollable items.
  it's enough that you set width and height for the root element and
  not for this element.
*/

/*
  a single item. must be floated in horizontal scrolling.
  typically, this element is the one that *you* will style
  the most.
*/

/* this makes it possible to add next button beside scrollable */

/* End of Scrollable */
.footable > tbody > tr :hover {
     cursor:pointer;
}
.series_object img {
  margin:0px;
  padding-right:10px;
}
.series_object {
  padding:3px 22px;
  display:inline-block;
  float:left;
  cursor:pointer;
  color:#fff;
  border:0px solid #999;
  margin-right:6px;
}
.series_object a {
  text-decoration:none;
  color:#fff;
  padding:2px;
}
.series_object:hover {
  background:#666;
}
.series {
  margin: 10px;
  zposition:relative;
  height: 60px;
  /*background:#111111;*/
}
.ipadmenu {
  position:absolute;
  bottom:-60px;
  right:0;
  color:#333;
  padding:2px 6px;
  border:1px solid #ccc;
  cursor:pointer;
}

.inputWrapper
{
    background: #FFF;
    height: 22px;
    padding: 2px 6px;
    margin: 4px 0;
}
 input[type="text"] , input[type="password"] { 
      border:0px;
      margin: 0px;
      padding:0px;
      background: transparent; 
    
      outline: none;
      font-size:11pt; 

    }




/*---------------------------STATUS CLASSES-----------------------*/


.Cleared
{
    background-color: rgb(37,37,37);
    color:White;
    width:120px;
}

/*.TobeConfirmed
{
    background-color: black;
    font-size1: 12px !important;
    width:120px;
}*/

.grayed{background: rgb(122,122,122); /* Old browsers */
}

.listElem{
    padding-top: 15px;
    padding-bottom: 15px;
}

input
{
    color: Black;
}


#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:black;}

/* Container */
#simplemodal-container {height:60px; width:150px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(~/Content/Footable/img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}


.pagination-centered{text-align:center;}


.CareStreamFont
{
    font-family:FrutigerFont !Important;
}


.pagingMessage {
     background-color: #9a8665; 
     padding: 10px;
}


@font-face
{
    font-family: 'FrutigerFont';
    src:url('../../../content/my/Fonts/frutiger_lt_std_roman.eot?#iefix') format('embedded-opentype'),
        url('../../../content/my/Fonts/FrutigerLTStd-Roman.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
}

/* CSS for mobile phones with width 480px;  */
 @media screen and (min-width:480px) and (max-width: 640px) and (orientation: landscape)  {

    #topLeft {
        height:30px !Important;
    }

    .navTitle {
        font-size:15px !Important;
        padding-top:10px !Important;
        margin-left:5px !Important;
    }

    #searchMagIcon {
        height:22px !Important;
        width:22px !Important;
        margin-top:0px !Important;
        padding-top:5px !Important;
    }

    #yellow {
        height:10px !Important;
        padding:2px !Important;
    }

    #yellowTxt {
        font-size:10px !Important;
        padding-top:0px !Important;
        margin-left:5px !Important;
    }

    #loginInfo {
        font-size:10px !Important;
        padding:3px !Important;
        line-height:1px !Important;
    }

    .navDesc {
        height:10px !Important;
    }

    .topBarIcons {
        height:30px !Important;
        width:30px !Important;
    }

    #topIcons {
        height:30px !Important;
    }

    #navLogout  {
        height:30px !Important;
        padding:0px !Important;
        padding-left:3px !Important;
        padding-right:3px !Important;
        width:11% !Important;
    }

    #logoutIcon {
        height:30px !Important;
        width:30px !Important;
    }

    #logoutDesc {
        display:none;
    }

    #searchFields {
        margin-top:2px !Important;
    }

    .iconName {
        display:block !Important;
        font-size:15px !Important;
        margin:-12px !Important;
    }

    #dashboardBar {
        height:78px !Important;
    }

    .footable > thead > tr > th, .footable > thead > tr > td {
        padding:2px !Important;
    }

    #expander {
        width:15px;
    }

    .expand img {
        height:20px !Important;
        width:20px !Important;
    }

    .breakpoint.footable > tbody > tr > td > span.footable-toggle {
        font-size:12px !Important;
        padding:2px !Important;
    }

    .study {
        height:20px !Important;
    }

    .pagingMessage {
        padding: 5px !Important;
        font-size:11px !Important;
    }

    .paging {
        height:20px !Important;
    }
    .pagination a {
        line-height:20px !Important;
        font-size:11px !Important;
    }
          
    #searchTitle {
        margin-top:2px !Important;
        font-size:11px !Important;
        padding-top:2px !Important;
    }

    input[type=file] {
        font-size:11px !Important;
        height:15px !Important;
        padding:0px !Important;
    }

    #arrowIMG {
        height:55px !Important;
        width:55px !Important;
    }

    #mods {
        margin-left:0px !Important;
    }

    .modality_input {
        margin-top:0px !Important;
    }
 }

 
 @media screen and (min-width:250px) and (max-width: 400px) and (orientation: portrait)  {
	
	.study {
        height:20px !Important;
    }
	
	.navDesc {
        height:30px !Important;
		padding-top:20px !Important;
    }
	
	#logoutDesc {
        display:none;
    }
	
	#navLogout  {
        height:50px !Important;
        padding:0px !Important;
        padding-left:3px !Important;
        padding-right:3px !Important;
		margin-bottom:-20px !Important;
    }

    #logoutIcon {
        height:65px !Important;
        width:65px !Important;
    }
	
	.topBarIcons{
		margin-bottom:-25px !Important;
	}
	
  
    .fooicon-sort-asc:before {
	    content: "\e252";
    }
    .fooicon-sort-desc:before {
	    content: "\e253";
    }

 }