/* Page Styles
================================ */

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {        
    font: normal 0.9em/1.5 "Helvetica Neue",Helvetica,sans-serif;
    color: #222;
    background-color: #f2f2f2;
}
img {
    padding: 5px;
}


.main-container {
    margin: 10px 0px;
    padding: 10px 0px;
}

.field-label {
    font-weight:bold;        
    /*padding-top:10px;*/
}

.field-data {
    margin-bottom:10px;
   /* padding-top:10px;
       */
}    

a {
    color: rgb(0, 136, 204);
    text-decoration:none;
}
.details-panel {
    /*-webkit-box-shadow: 0px 0px 5px 4px rgba(125,125,125,0.2);
    -moz-box-shadow: 0px 0px 5px 4px rgba(125,125,125,0.2);
    box-shadow: 0px 0px 5px 4px rgba(125,125,125,0.2);   */
}

.details-header {
    border-bottom: solid 2px #003458;  
    color:#003458;  
    /*margin-bottom:5px;
    padding-bottom:10px;*/
}
.details-action {
    font-size:0.8em;      
    font-weight:normal;
    float:right;
}

.GridResultsItemResults td {
    border: 1px solid #dcdcdc;
    padding-top:20px;
}   


.GridResultsItemResults th {
    display:none;
}
.GridResultsEmpty td {
    border: 0px;
    font-weight:bold;
}

.alternate-row tr:nth-child(odd) td {
    color: #003458;
    background-color: #f7f9fd;
}

.alternate-row tr:nth-child(even) td {
    color: #003458;
    background-color: #ffffff;
}

input, textarea, select, .uneditable-input {
    padding: 5px;
    margin-bottom: 4px;
    margin-top: 4px;
    border: 1px solid #707070;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;          
    width:100%;
}

    input:focus, textarea:focus, select:focus{
        border-color: rgba(82,168,236,0.8);
        outline: 0;
        outline: thin dotted \9;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    }

    input[type="submit"] {        
        background-color: lightgrey;        
    }

select.actions-dropdown {
 -webkit-appearance: none;  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
 -moz-appearance: none;  /*REMOVES DEFAULT FIREFOX STYLE*/
 text-align:center;
 margin-top:5px;
 font-size:0.8em;

 cursor: pointer;
 background: url(../../Images/select-arrow.png) no-repeat right center;
 background-size: 30px 27px; /*TO ACCOUNT FOR @2X IMAGE FOR RETINA */
}

.search btn-info {
    display: inline-block;
    white-space: nowrap;
}
    #TB_SearchText {
        width:80%;
        display:inline-block;
    }
.search-filters {
    display: inline-block;
    width:100%;
}
    .search-filters select, .search-filters input {
        width: 18%;
    }
.search-filters-history {
    display: inline-block;
    width:100%;
}
    .search-filters-history select,.search-filters-history input {
        width: 14%;
    }
#TB_CircHistorySearch {
    width:41%;
}

#BT_Search{
    width: 18%;
    right:0;    
}
#BT_SearchBrowse {
    width: 18%;
}
#TV_Menu td img {
    display: none;
}
#TV_Menu td {
    padding-bottom:4px;
}
#TV_Menu {
    text-transform:uppercase;
    font-weight:bold;
    font-size:0.8em;
}

#UP_MainContainer {
    background-color:#fff;
    min-height: 800px;
}
#PN_MainContentContainer {
    padding-bottom:20px;
}
#PN_ResultsCount {
    padding: 10px 0px;
}
#DL_Sort {
    float: right;
    margin-bottom: 10px;
    width:120px;
}
#GV_HoldingDetails {
    width: 70%;
}
#PN_SearchHistory {
    padding-top:20px;
}
#LB_SearchHistory { color:#222;
                    text-transform:uppercase;
                    font-size:.8em;
}
.main-search-history {
    font-size: .75em;
}

.login select, .login input .login textarea {
    width: 100%;
}

hr { color:#e2e2e2;
}

.holding-search-checkbox input {
    width: 22px;
    display: inline-block;
}
.holding-search-checkbox label {
    font-weight:bold;
    font-size:0.85em;
    text-transform: uppercase;
}
/* Button Styles
================================ */


.btn {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 3px;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    *line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbb;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
    .btn:hover {
        color: #333;
        text-decoration: none;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
        background-position: 0 -15px;
        -webkit-transition: background-position .1s linear;
        -moz-transition: background-position .1s linear;
        -o-transition: background-position .1s linear;
        transition: background-position .1s linear;
    }
    .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
        color: #333;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
    }
    .btn:active {
        background-color: #e6e6e6;
        background-color: #d9d9d9 \9;
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    }

.cyan {
    background: rgb(130,207,241);
    background: -moz-linear-gradient(top, rgba(130,207,241,1) 0%, rgba(56,174,234,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,207,241,1)), color-stop(100%,rgba(56,174,234,1)));
    background: -webkit-linear-gradient(top, rgba(130,207,241,1) 0%,rgba(56,174,234,1) 100%);
    background: -o-linear-gradient(top, rgba(130,207,241,1) 0%,rgba(56,174,234,1) 100%);
    background: -ms-linear-gradient(top, rgba(130,207,241,1) 0%,rgba(56,174,234,1) 100%);
    background: linear-gradient(to bottom, rgba(130,207,241,1) 0%,rgba(56,174,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cff1', endColorstr='#38aeea',GradientType=0 );
    border: 1px solid #3cafcf;
}
    .cyan:hover {
        background: rgb(153,216,244);
        background: -moz-linear-gradient(top, rgba(153,216,244,1) 0%, rgba(79,183,236,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,216,244,1)), color-stop(100%,rgba(79,183,236,1)));
        background: -webkit-linear-gradient(top, rgba(153,216,244,1) 0%,rgba(79,183,236,1) 100%);
        background: -o-linear-gradient(top, rgba(153,216,244,1) 0%,rgba(79,183,236,1) 100%);
        background: -ms-linear-gradient(top, rgba(153,216,244,1) 0%,rgba(79,183,236,1) 100%);
        background: linear-gradient(to bottom, rgba(153,216,244,1) 0%,rgba(79,183,236,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99d8f4', endColorstr='#4fb7ec',GradientType=0 );
    }

.btn-green {
	-moz-box-shadow:inset 0px 1px 0px 0px #7fe65c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #7fe65c;
	box-shadow:inset 0px 1px 0px 0px #7fe65c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #73e68f), color-stop(1, #5fcf81));
	background:-moz-linear-gradient(top, #73e68f 5%, #5fcf81 100%);
	background:-webkit-linear-gradient(top, #73e68f 5%, #5fcf81 100%);
	background:-o-linear-gradient(top, #73e68f 5%, #5fcf81 100%);
	background:-ms-linear-gradient(top, #73e68f 5%, #5fcf81 100%);
	background:linear-gradient(to bottom, #73e68f 5%, #5fcf81 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#73e68f', endColorstr='#5fcf81',GradientType=0);
	background-color:#73e68f;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #82e08b;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;	
	padding:6px 12px;
	text-decoration:none;
    margin-bottom:3px;	
	/*text-shadow:0px 1px 0px #32b31e;*/
}
.btn-green:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5fcf81), color-stop(1, #73e68f));
	background:-moz-linear-gradient(top, #5fcf81 5%, #73e68f 100%);
	background:-webkit-linear-gradient(top, #5fcf81 5%, #73e68f 100%);
	background:-o-linear-gradient(top, #5fcf81 5%, #73e68f 100%);
	background:-ms-linear-gradient(top, #5fcf81 5%, #73e68f 100%);
	background:linear-gradient(to bottom, #5fcf81 5%, #73e68f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fcf81', endColorstr='#73e68f',GradientType=0);
	background-color:#5fcf81;
}
.btn-green:active {
	position:relative;
	top:1px;
}
      



/* Paging Styles
================================ */
.paging td{
    text-align:center;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	border:1px solid #dcdcdc;	
	color:#666666;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:23px;
	line-height:23px;
	width:38px;
	text-decoration:none;	
	text-shadow:1px 1px 0px #ffffff;
    padding-top:3px;
}
.paging:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.paging:active {
	position:relative;
	top:1px;
}



/* Modal Window Styles
================================ */
.modal-panel {
    margin: 0 4px;
    -webkit-box-shadow: 0px 0px 10px 4px rgba(125,125,125,0.5);
    -moz-box-shadow: 0px 0px 10px 4px rgba(125,125,125,0.5);
    box-shadow: 0px 0px 10px 4px rgba(125,125,125,0.5);
    background-color: #fff;
}
.modal{position:absolute;top:10px;right:10px;left:10px;width:auto;margin:0;    
}
.modal.fade.in{top:auto}.modal-header .close{padding:10px;margin:-10px}
.modal-open .dropdown-menu{z-index:2050}.modal-open .dropdown.open{*z-index:2050}.modal-open .popover{z-index:2060}.modal-open .tooltip{z-index:2070}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}
.modal-backdrop,.modal-backdrop.fade.in{opacity:.8;filter:alpha(opacity=80)}

.modal{position:fixed;top:50%;left:50%;z-index:1050;width:560px;margin:-250px 0 0 -280px;overflow:auto;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}
.modal.fade{top:-25%;-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-ms-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out}
.modal.fade.in{top:50%}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 17px;
}
    .modal-header .close {
        margin-top: 2px;
    }
.close img {
    width: 32px;
    float: right;
}
.modal-body {
    max-height: 400px;
    padding: 15px;
    overflow-y: auto;
}
.modal-form {
    margin-bottom: 0;
}
.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;*zoom:1;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff}.modal-footer:before,.modal-footer:after{display:table;content:""}.modal-footer:after{clear:both}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}.tooltip{position:absolute;z-index:1020;display:block;padding:5px;font-size:11px;opacity:0;filter:alpha(opacity=0);visibility:visible}.tooltip.in{opacity:.8;filter:alpha(opacity=80)}.tooltip.top{margin-top:-2px}.tooltip.right{margin-left:2px}.tooltip.bottom{margin-top:2px}.tooltip.left{margin-left:-2px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top:5px solid #000;border-right:5px solid transparent;border-left:5px solid transparent}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-right:5px solid transparent;border-bottom:5px solid #000;border-left:5px solid transparent}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-right:5px solid #000;border-bottom:5px solid transparent}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;padding:5px}.popover.top{margin-top:-5px}.popover.right{margin-left:5px}.popover.bottom{margin-top:5px}.popover.left{margin-left:-5px}.popover.top .arrow{bottom:0;left:50%;margin-left:-5px;border-top:5px solid #000;border-right:5px solid transparent;border-left:5px solid transparent}.popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-right:5px solid #000;border-bottom:5px solid transparent}.popover.bottom .arrow{top:0;left:50%;margin-left:-5px;border-right:5px solid transparent;border-bottom:5px solid #000;border-left:5px solid transparent}.popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000}.popover .arrow{position:absolute;width:0;height:0}.popover-inner{width:280px;padding:3px;overflow:hidden;background:#000;background:rgba(0,0,0,0.8);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3)}.popover-title{padding:9px 15px;line-height:1;background-color:#f5f5f5;border-bottom:1px solid #eee;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.popover-content{padding:14px;background-color:#fff;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}.popover-content p,.popover-content ul,.popover-content ol{margin-bottom:0}.thumbnails{margin-left:-20px;list-style:none;*zoom:1}.thumbnails:before,.thumbnails:after{display:table;content:""}.thumbnails:after{clear:both}

.modal-panel-login {
    width:360px;
}
.login input, .login input, .login textarea, .login select .login table {
    width: 100%;
    margin-bottom: 15px;
}
/* Main Layout Styles
================================ */

.main-header {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #384047;     
	z-index:9999;
}
.main-logo {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.5em;
    display:inline-block; white-space:nowrap;
}
.main-logo a, 
.main-nav a {
	display: block;
	text-align: left;
	border-radius: 5px;
	color: white;
	text-decoration: none;
	padding: 10px 20px;
}
.main-logo a { 
	/*background-color: #5fcf80; */
    padding: 10px 20px 10px 0px;
}
    .main-logo img {padding:0;margin:0 5px -5px 5px;
    }
.main-nav a { 
	background-color: #3f8abf;    
}
.main-footer {
    text-align: center;
    padding-top:10px;    
    padding-bottom: 6px;  
    bottom:0; 
    font-size:0.8em;  
    border-top:1px solid #dcdcdc;    
}

select, input {
    padding:5px;
}

/* Item Results Styles
================================ */
.cover-image-container {
    float: left;    
    padding-right: 17px;
    padding-bottom: 10px;
}
.cover-image-image {
    padding: 0px;
    width: 75px;
    height:109px;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(125, 125, 125, 0.2);
    -moz-box-shadow: 4px 4px 5px 0px rgba(125, 125, 125, 0.2);
    box-shadow: 4px 4px 5px 3px rgba(125, 125, 125, 0.2);
    border: 1px solid rgba(125, 125, 125, 0.2);
}

.item-details {       
    margin-left: 94px;
    margin-bottom: 10px;
}
.item-action {
    width: 100%;
    text-align:center;
}

.loading {
    color:#222;
    font-size: 10pt;
    background-color:white;      
    -webkit-box-shadow: 0px 0px 10px 4px rgba(125,125,125,0.75);
    -moz-box-shadow: 0px 0px 10px 4px rgba(125,125,125,0.75);
    box-shadow: 0px 0px 10px 4px rgba(125,125,125,0.75);
    width: 200px;
    height: 110px;        
    position: fixed;       
    top: 40%;
    left: 40%;
    z-index: 999;

}

.loading img {
    width:32px;    
}








/* Gridview Styles
================================ */

.GridResults {
    border: solid 1px #bdd2f9;
}
.GridResults tr {
    padding-bottom:100px;
    
}
    .GridResults td {
        border: solid 1px #bdd2f9;
        margin: 1px 1px 1px 1px;
        padding: 4px 4px 4px 4px;
        color: #003458;        
    }
        .GridResults td div div {
            margin: -3.5px;
            padding: -3.5px;
        }

        .GridResults td a:link {            
            text-decoration: none;
        }
        .GridResults td a:hover {
            color: #000000;
            text-decoration: underline;
        }
.NoPadding td {
    padding:0px;
    border:none;
}
.NoPadding td select,.NoPadding td input,.NoPadding td textarea{
    width:100%;
}
.NoPadding {
    border: none;
}

.table-holding-copies {
    margin-top:10px;    
    margin-bottom:10px;    
}

.table-holding-copies td {    
    padding:2px;
}

.GridResultsHeader {
    font-size: 1.0em;
    font-weight: bold;
    color: #000;
    text-align: left;
    padding: 7px 7px 9px 7px;
    background: #F4F6FB;
    white-space: nowrap;
}
    .GridResultsHeader th {
        padding: 7px 8px 8px 4px;
        white-space: normal;
        border-color: #CCCCFF;
        color: #787878;
        font-size: 10pt;
    }

        .GridResultsHeader th a:link {
            color: #787878;
            text-decoration: underline;
        }

        .GridResultsHeader th a:hover {
            color: #000;
            text-decoration: underline;
        }

.GridResultsItem {
    background-color: #e6e6e6;
}

.GridResultsAtlItem {
    background-color: #f7f9fd;
}

/* Byron's Detail Table Modification */

.GridResultsDetails {
    border: solid 1px #ccc;
}
    .GridResultsDetails td {
        border: solid 0px #EEEEEE;
        background-color: #EEEEEE;
        margin: 1px 1px 1px 1px;
        padding: 4px 4px 4px 4px;
        color: #003458;
    }
        .GridResultsDetails td div div {
            margin: -3.5px;
            padding: -3.5px;
        }

        .GridResultsDetails td a:link {
            color: #778EBE;
            text-decoration: none;
        }
        .GridResultsDetails td a:hover {
            color: #000000;
            text-decoration: underline;
        }

.GridResultsDetailsAtlItem td {
    background-color: #F6F6F6;
}




/* Star Rating Styles
================================ */
.ratingStar {
    font-size: 0pt;
    width: 32px;
    height: 32px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {    
    background-image: url('../../Images/starfilled.png');
}

.emptyRatingStar {
    background-image: url('../../Images/starempty.png');
}

.savedRatingStar {
    background-image: url('../../Images/starfilled.png');
}




@media (min-width: 768px) {

    /* Main Layout Styles
	================================ */

    body {
        padding-top: 75px;
    }

    .main-header {
        position: fixed;
        top: 0;
        width: 100%;
    }

    .main-nav {
        text-align: right;
    }

        .main-nav li {
            margin-top: 6px;
            margin-left: 10px;
            display: inline-block;
        }

    .main-banner {
        background: #dfe2e4;
        text-align: center;
        padding: 50px 15px;
        margin-bottom: 20px;
    }

    /* Imagery
	================================ */

    .feat-img {
        width: 45%;
        float: left;
        margin: 5px 20px 10px 0;
    }


    /* Item Results Styles
	================================ */

    .cover-image {
        float: left;
    }
}

@media (min-width: 1px) and (max-width: 767px) {

    /* Cover Image Styles
================================ */
    .cover-image-container {
        float: left;        
        padding-right: 17px;        
    }
    .cover-details {        
              
    }
    #GV_HoldingDetails {
        width:100%;        
    }

    /* Main Nav Styles 
================================ */
    .main-nav li {
        margin-top: 12px;
    }

    .search select, input {
        width: 100%;
    }

   .login select, input {
        width: 100%;
    }

    select, input {
        padding: 5px;
        margin-bottom: 4px;
    }


    .search btn-info {
        display:inline-block;
        white-space:normal;
        width:100%;
      
    }
    #BT_Search,#BT_SearchBrowse {
        width:100%
    }
    #TB_SearchText {
        width:100%;
    }

    .search-filters-history select,.search-filters-history input,#TB_CircHistorySearch {
        width:100%;
    }


    /* Gridview Styles
================================ */
    .GridResults {
        border: solid 0px #bdd2f9;
    }

        .GridResults td {
            border: solid 0px #bdd2f9;
            margin: 1px 1px 1px 1px;
            padding: 4px 4px 4px 4px;
            color: #003458;
        }

            .GridResults td div div {
                margin: -3.5px;
                padding: -3.5px;
            }

            .GridResults td a:link {
                color: rgb(0, 136, 204);/*#778EBE;*/
                text-decoration: none;
            }

            .GridResults td a:hover {
                color: #000000;
                text-decoration: underline;
            }


        .GridResults tr {
            border-bottom: solid 1px #bdd2f9;
            margin: 1px 1px 1px 1px;
            color: #003458;
        }

            .GridResults tr:first-child {
                border: none;
            }        

    /* Table Styles
================================ */
    .GridResults table {
        width: 100%;
    }

    .GridResults thead, th {
        display: none;
    }

    .GridResults tr:nth-of-type(2n) {
        background-color: inherit;
    }

    .GridResults tr:first-child {
        border-bottom: none;
    }

    .GridResults tbody td {
        display: block;
    }

    table td:before {
        content: attr(data-th);
        /*float: left;*/
        /*text-transform: uppercase;*/
        margin: 0;
        padding: 0;
        display: block;
        font-weight: bold;
    }

    /* Modal Window Styles
================================ */
    .modal-panel {
        margin: 0 4px;
        background-color: #fff;
        width: 100%;
    }

    .modal {
        position: absolute;
        top: 10px;
        right: 10px;
        left: 10px;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .modal-body {
        max-height: 400px;
        width: 100%;
        padding: 15px;
    }

    .close img {
        width: 32px;
        float: right;
    }

    .loading {
        width: 90%;
	height: 130px;
        position:fixed;
        left:20px;        
        
    }

    /* Login Modal Window
	================================ */

    .login, .login td {
        width: 100%;
        margin-left: 5px;
        margin-right: 5px;
    }
    .modal-panel-login {
        width: 93%;
    }


    /* Paging Styles
================================ */
    .paging td {
        text-align: center;
        -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
        box-shadow: inset 0px 1px 0px 0px #ffffff;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
        background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
        background-color: #f9f9f9;
        -webkit-border-top-left-radius: 0px;
        -moz-border-radius-topleft: 0px;
        border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-left-radius: 0px;
        text-indent: 0px;
        border: 1px solid #dcdcdc;
        color: #666666;
        font-family: Arial;
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        height: 23px;
        line-height: 23px;
        width: 38px;
        text-decoration: none;
        text-shadow: 1px 1px 0px #ffffff;
    }
    .paging td a {
        color: #666666;
    }
    .paging:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
        background: -moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
        background-color: #e9e9e9;
    }

    .paging:active {
        position: relative;
        top: 1px;
    }

    .paging tbody td {
        
    }

    .paging table td::before {      
        content: none;
    } 
    #TV_Menu table {
        display:inline-block;        
        
    }
      #TV_Menu table tr td:nth-child(1) {
                padding-left:7px;            
                margin:0;                
            }
            #TV_Menu table tr td:nth-child(2) {
                padding-right:7px;
                padding-top:4px; 
                border-right: 1px solid rgba(0,0,0,0.3);   
            }
            #TV_Menu table:last-child tr td:last-child {
                border:0px;
                
            }   
}