.hidden {
    display: none;
}

.ows.register .hidden,
.ows.view .hidden {
    display: none !important;
}

.fb-login-button.hidden {
    display: none !important;
}

.html5_uploader .dropzone .textnode {
    font-size: 48px;
}
.ows.view .html5_uploader .dropzone .textnode {
    font-size: 24px;
}
.ows.view .ind-get-public-link .url {
    border: solid 1px #ddd;
    font-family: monospace;
    padding: 0.5em;
    letter-spacing: -0.02em;
    font-size: 10px;
    background-color: white;
    color: #000;


}

/* Let's Auto float clearing for compliant browsers
*************************************************************************/
.inner:after,
#main:after,
#maintitle:after,
#bodyarea:after,
#content:after,
.infopanel:after,
#sitesearch:after,
#sitesearch fieldset:after,
#sidebar .panel:after,
#footer:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/* Skip links
*************************************************************************/
#skip {
	font-size:0.80em;
}
#skip a,#skip a:visited {
	color:#E8E6D4;
	text-decoration:none;
	position:absolute;
	left:-1000em;
	top:0;
}
#skip a:visited:hover,#skip a:hover,#skip a:focus {
	color:#526568;
	text-decoration:underline;
	left:0;
}

/* General Rules and classes
*************************************************************************/
body {color: #223460;background: #f1f3f5;font: normal 13px/20px  "Roboto", Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;}

strong, em, b, i {
    font-family: "Roboto", Verdana, Arial, Helvetica, sans-serif;
}



#skip {
	position:absolute;
	left:-1000em;
}
.right,
.floatright {
	float:right;
	text-align:right;
}
.left,
.floatleft {
	float:left;
	text-align:left;
}
.alignright {
	text-align:right;
}
.alignleft {
	text-align:left;
}
.clear {
	display:block;
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}

/* Layout (sizes / floats / positions of main elements)
*************************************************************************/
#main {
	clear:both;
	min-height:600px;
}
.inner {
	margin:0 auto;
	max-width: 1100px;
}
#bodyarea {
	clear:both;
	max-width:1100px;
	margin:0 auto;
}
#content {
	float:left;
	max-width: 600px;
	padding:30px 20px 50px;
}
#sidebar {
	float:left;
	max-width: 380px;
	margin:0 0 0 50px;
}


/* General Content formatting
*************************************************************************/
h1,h2,h3,h4,h5,h6 {
	font: normal 1em/1.3em "Roboto",  "Roboto", Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 7px 0;
	padding:0;
	color:#223460;

}
p {
	line-height: 170%;
	margin:0 0 15px;
}
ul,
ol,
dl {
	margin:0 0 15px 17px;
	padding:0;
}
li {
	margin:0 0 1.5em;
}
h1 {
	text-shadow: 1px 1px 0px white;
	font-size: 18px;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:16px;
}
a,a:link, a:visited {
	color: #3595D4;
	text-decoration:none;
}
a:visited {
}
a:hover {
	text-decoration:underline;
}
blockquote {
}
blockquote big {
}
blockquote p {
}
address {
}
dl {
}
dt {
}
dd {
}
.small {
	font-size:0.75em;
}
.smaller {
	font-size:0.90em;
}

/* Images
*************************************************************************/
img {
	border:none;
}
.imageright {
	float:right;
	text-align:right;
	margin:0 0 30px 30px;
}
.imageleft {
	float:left;
	text-align:left;
	margin:0 30px 30px 0;
}

/* Specific Content formatting
*************************************************************************/
#content ul {

}


/* Forms
*************************************************************************/
/* General rules */
form {
	margin:0;
	padding:0;
}
fieldset {
	margin:0;
	padding:0;
	border:none;
}
legend {
	display:none;
}
input,textarea {
	border:none;
	color:#424346;
	font: normal 13px/18px  "Roboto", Verdana, Arial, Helvetica, sans-serif;
}
button {
	border:none;
	text-align:center;
	padding:0;
		font: normal 13px/18px  "Roboto", Verdana, Arial, Helvetica, sans-serif;
}

p.error{
color: #d00;
font-size:12px;
padding-left: 15px;
background-image: url(/National_Library/oe_/https://myows.com/images/warning.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}


/* Masthead
*************************************************************************/
#masthead {
	background: #213361;
}
#masthead .inner {
	position:relative;
}
#masthead img {
	float:left;
}
#masthead ul {
	margin:0;
	padding:0;
	position:absolute;
	bottom:0;
	right:0;
}
#masthead li {
	width:125px;
	list-style:none;
	float:left;
	margin:0px;
	padding:0;
}
#masthead li a,
#masthead li a:visited {
	/*line-height: 1px;*/
	width:101px;
	display:block;
	padding:0 12px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font: normal 13px/38px  "Roboto", Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px

}
#masthead li a:hover,
#masthead li a:visited:hover {
	text-shadow: 0px 0px;
	color:#C1EDFF;

}

/*** Selected State Overrides ***/
#masthead li.selected { background:white;-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
#masthead li.selected a,
#masthead li.selected a:visited {
	text-shadow: 0px 0px;
	color:#3595D4;
}
#masthead li.selected a:hover,
#masthead li.selected a:visited:hover {

}

/*** Logged in message ***/

/* This is currently a DIV to allow for other content here, I'm guessing
   you'll have a login form for this area */

#masthead #loginout {
font:11px Verdana, sans-serif;
	float:right;
	margin:20px 0 0 0;
	color:#FFF;
}
#masthead #loginout p {
	margin:0;
}

/* CSS rules for flexible button is below in the Button declarations
   These rules for 'blue' just override for the logout button */

#masthead a.blue {
	font-style: normal;
	display:inline;
	vertical-align:middle;
	width:auto !important;
	padding:4px 3px;
	border:2px solid #7FC3E4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin:0 0 0 10px;
	line-height:normal;
	text-align:center;
	font-weight: normal;
	color:#FFF;
	background:#3490CD url(/National_Library/oe_/https://myows.com/images/bg-login.png) left top repeat-x;
}
#masthead a.blue:hover,
#masthead a.blue:visited:hover {
	font-style: normal;
	font-weight: normal;
	border-color:#FFF;
	color:#104A7D;
	background:#E1F1F8 url(/National_Library/oe_/https://myows.com/images/bg-flexbutton.png) left center repeat-x;
}

/* Hack for Firefox 2 to override the float from class "button" (below) */
#masthead a.blue, x:-moz-any-link {
	float:none;
}



/* Main Title
*************************************************************************/
#maintitle {
	clear:both;
	padding:20px
}
#maintitle .inner {
}

#maintitle h1 {
	float:left;
	width:100%;
}

#maintitle > .inner > .alerts {
    clear: both;
    padding-top:10px;
    margin-bottom: -40px;
}

.ows.view #maintitle > .inner > .alerts {
    margin-bottom: 0;
}

#maintitle > .inner > .alerts {
    clear: both;
    padding-top:10px;
    margin-bottom: -40px;
}


#maintitle > .inner > .alerts > .alert {
    margin-bottom: 10px;
}

/* Main Title / Sub Nav
*************************************************************************/
#subnav {
	float:right;
	margin:33px 0 0 0;
	padding:0;
}
#subnav li {
	float:left;
	list-style:none;
}
#subnav li a,
#subnav li a:visited {
	display:block;
	font-weight:normal;
	font-size:0.90em;
	line-height:1.8em;
	text-align:center;
	padding:2px 15px;
}
#subnav li.selected a,
#subnav li.selected a:visited,
#subnav li a:hover,
#subnav li a:visited:hover {
	background:#FFF;
	color:#3593D3;
	padding:0 13px;
	border:2px solid #EDF7FB;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-decoration:none;
}



/* Buttons
*************************************************************************/

/* Hack for Firefox 2 to simulate "display:inline-block" */
a.button, x:-moz-any-link {
	display:block;
	float:left;
}
/* Then override with rules for other browsers */
a.button,
a.button:visited {
	font-style: normal;
	font-weight: normal;
	display:inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding:7px 20px;
	line-height:24px;
	text-align:center; background:#3593D3; color:white
}
a.button:hover,
a.button:visited:hover {
opacity:0.9; text-decoration:none
}
a.button:active,
a.button:active:hover {
	opacity:1; text-decoration:none

}
a.buttongrey, a.buttongrey:visited:hover{
	font-style: normal;
	font-weight: normal;
	display:inline-block;
	border:2px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding:0 20px;
	line-height:24px;
	text-align:center;
	color:#FFF;
	background:#CCCCCC url(/National_Library/oe_/https://myows.com/images/bg-flexbutton-hover-grey.png) left center repeat-x;
	text-decoration:none;
	cursor: default;
}


/* File Info Panels
*************************************************************************/

.infopanel {
	background:#fff;
	max-width: 730px;
	padding:16px 19px 0;
	margin:15px 0px 0;
	border:1px solid #BBE2F3;
	border-radius: 4px;
	position: relative;
}

.infopanel .owActions button {
    background: #3496D5;
    color: #FFF;
    border-radius: 5px;
    padding: 2px 8px;
    cursor: pointer;
}

.filedata {
	float:left;
	max-width:420px;
}
.filedata h2 {
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;
	line-height:normal;
}
.filedata p {
	margin:0 0 7px 0;
}
.filedata p.cats {
	margin:0;
}
.filedata p.cats a {
	margin-right:10px;
	font-weight:normal;
	font-size:0.90em;
}

.filedata p.cats span {
	margin-right:10px;
	font-weight:normal;
	font-size:0.90em;
}


.filedata p.folders {
	float:right;
}

.filedata .filedata {
	color:#43BADF;
}
.infopanel .advert {
	display:block;
	float:right;
	width:100px;
	padding:0 0 16px;

	margin-bottom:10px;
	background:url(/National_Library/oe_/https://myows.com/images/bg-adline.png) left bottom no-repeat;
}


/* Sidebar & panels
*************************************************************************/
#sidebar {
	padding:14px 0 40px;
}

h1, #sidebar  h2 {color:3496D5; font-weight:800}

#maintitle h1 {font-size:24px}

#sidebar .panel {
	clear:both;
	background:#fff;
	padding:14px 18px;
	margin:0 0 20px;
border-radius: 4px;

}
#sidebar h2 {
	margin-top:0;
}
#sidebar h3 {
	margin:0 0 14px;
}

#sidebar .advert {
	float:left;
	width:124px;
	min-height:180px;
	background:#fff;
	padding:14px 18px;
	margin:0 10px 14px 0;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
}
#sidebar .odd {

}
#sidebar .even {
	margin-right:0;
}
#sidebar .advert a,
#sidebar .advert a:visited {
	color:#3593D3;
	font-weight:normal;
}


div#case_history ul li {
list-style:none;
font-weight: bold; padding:26px 10px 16px 0px; margin:0;  max-width:250px;overflow-x:hidden;word-wrap:break-word;
}

div#case_history ul li:last-child { text-transform:capitalize; font-size:16px; border-top:3px solid #eee;  padding-top:32px}

/* Search Form
*************************************************************************/
#sitesearch {
	margin: 14px 10px 14px 0px;
	position:relative;
}
#sitesearch label {
	display:none;
}

#sitesearch input {
	width: 92%;
	line-height:23px;
	padding:10px 5%;
	color:#3593D3;
	background:#FBFDFE;
	/*border:1px solid #FFF;*/
	border:1px solid #ddd;
	border-radius: 2px;
	display: block;
}
#sitesearch button {
	position:absolute;
	top:6px;
	right:0;
	background:none;
}

#sitesearch button i {
	display:block;
	height:32px;
	width:32px;
	font-size:22px; padding-top:5px; color:#ccc
}


/* Footer
*************************************************************************/
/*
#footer {
	clear:both;
	color:#FFF;
	background:#104A7D;
	border-top:1px solid #81C6E6;
	padding:20px 0;
}
#footer .column {
	float:left;
	width:200px;
	margin:0 20px;
}
#footer .column h3 {
	color:#FFF;
	text-transform: uppercase;
	font-weight:bold;
	font-size:1.5em;
	text-align:center;
}

#footer .column p {
	font-size: 1em;
}
#footer ul {
	clear:both;
	width:100%;
	margin:0;
	padding:50px 0 0 0;
}
#footer ul li {
	float:left;
	width:160px;
	padding:0;
	margin:0;
	list-style:none;
	line-height:normal;
	text-align:center;
}
#footer ul > li:first-child {
	text-align:left;
}
#footer ul > li:last-child {
	text-align:right;
}
#footer ul li a {
	text-decoration:none;
	font-weight:normal;
	font-size:0.90em;
	color:#FFF;
}
#footer ul li a:hover {
	text-decoration:underline;
}

#footer a {
	text-decoration:none;
	font-weight:normal;
	color:#FFF;
}
#footer a:hover {
	text-decoration:underline;
}
*/
/* Description
 * ************************/
.owDescriptionContainer {
    min-height: 20px
}
.owDescriptionContainer .description {
    border-left: solid 1px #BBE2F3;
    padding: 3px;
    padding-left: 10px;
    clear: both;
    display: block;
}

/* 
Autocomplete box search results styling
*****************************/
.ac_results {
	padding: 0px;
	border: 1px solid #BBE2F3;
	background-color: Window;
	overflow: hidden;
	z-index:99999;
	margin-top:1px;

}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 10 0 10 0;
	margin: 0;

}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:99999;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
	height:30px;

}

.ac_results li.ac_over{
background:#BBE2F3;
color:#ffffff;
}


/*
 * Authentication dialogs
 */

div#auth_logo {
background:#223460;
}

div#auth_container{
	width:550px;
	margin-left: auto;
	margin-right: auto;
	margin-top:50px;
	background:#223460;
	margin-bottom:150px;
}

div#auth_container input, div.infopanel input,div#ow_group_container input {
	width:240px;
	height:23px;
	line-height:23px;
	padding:5px;
	color:#3593D3;
	background:#FBFDFE;
	border:1px solid #BBE2F3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}



div#auth_container textarea, div.infopanel textarea{
width:240px;
line-height:23px;
padding:5px;
color:#3593D3;
background:#FBFDFE;
border:1px solid #BBE2F3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

div#auth_container label {
	font-size:13px;
	color:#223460;
}

div#auth_container label.small_label {
color: #223460;
font-size: 12px;
}

div#auth_container input.checkbox, div.infopanel input.checkbox {
float:left;
clear:both;
width:20px;
height:15px;
margin-top:0px;
border: none;
padding:5px;
}

div#auth_container input.submit, div.infopanel input.submit {
border-color:#3593D3;
color:#FFF;
line-height:24px;
font-size:18px;
font-weight:bold;
border: 0px solid #ffffff;
background:#3593D3;
text-decoration:none;
margin:10px 0;
border-radius: 3px;
padding:16px 20px; height:auto
}

/* 
Infopanel Form input Styling
*****************************/

/*file input when contained in infopanel*/
div.infopanel input.file{

color:#3593D3;
height:25px;
font-size:12px;
font-weight:bold;
width:80px;
border: 0px solid #ffffff;
text-decoration:none;
width:250px;
padding:0px;
margin:0px;
}

a.username {
color:#ffffff;
}

div#authcontainer div.infopanel{
width:400px;border:2px solid #3a93ce;margin-top:0px;
}

div#authcontainer div.infopanel a
{
color: #223460;font-size: 12px;
}

	#auth ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	    color: transparent;
	    opacity: 1; /* Firefox */
	}

	#auth :-ms-input-placeholder { /* Internet Explorer 10-11 */
	    color: transparent;
	}

	#auth ::-ms-input-placeholder { /* Microsoft Edge */
	    color: transparent;
	}

	#auth {
	    padding: 10pt;
	    background-color: #223460 !important;
	}

	#auth #auth_logo > a {
	    text-align: center;
		display: inline-block;
		width: 100%;
	}


	#auth .mobile-hidden { display: block; }
	#auth .mobile-visible { display: none; }


	/* the white box */
	#auth .infopanel {
	    padding: 16pt 19pt 0;
	}

	#auth .infopanel .g-recaptcha { text-align: center; }
	#auth .infopanel .g-recaptcha > div { margin: 0 auto; }

	#auth .infopanel.login .error.alt {
		display: none;
	}

	#auth .infopanel.register img.or_separator { width: 100%; }
	#auth .infopanel.register .table { margin: 5px; }
	#auth .infopanel.register .table .form-group { padding: 8px 5px; }
	#auth .infopanel.register .table .form-group label { width: 146px; display: inline-block; }
	#auth .infopanel.register .table .form-group input { width: 252px; }
	#auth .infopanel.register .table #username_check_availibility { margin-left: 146px; }
	#auth .infopanel.register .table #psr_score {
		display: block;
		padding: 0;
		margin-left: 146px;
		padding-top: 15px;
	}

	#auth .infopanel.login .table .form-group { padding: 8px 5px; }
	#auth .infopanel.login .table label { width: 135px; display: inline-block;}
	#auth .infopanel.login .table input[type="text"],
	#auth .infopanel.login .table input[type="password"]
		{ width: 261px; }
	#auth .infopanel.login .remember_me { margin-left: 135px; display: inline-block;}
	#auth .infopanel.login .remember_me input[type="checkbox"] { margin-top: 4px; display: inline-block; }


	/* The username/password fields */
	    #auth .infopanel dl {
	        padding: 0;
	        margin: 0;
	    }
	    #auth .infopanel dl > * {
	        display: inline-block;
	        margin: 0;
	        padding: 0;
	        margin-bottom: 2pt;
	    }

	    #auth .infopanel dt {
	        width: 135px;
	        clear: left;
	    }

    	#auth .infopanel dl dt.forgot a {
            font-size: 9pt;
        }

        #auth p.forgot,
        #auth p.create
        {
        	text-align: center;
        }

	    #auth .infopanel dd {
	        width: auto;
	        clear: right;
	    }

	    #auth .infopanel dl input {
	        width: 100%;
	        margin: 5pt;
	    }
	    #auth .infopanel dl input[type="checkbox"] {
	    	width: auto;
	    	margin-left: 5pt !important;
			margin-right: 5pt !important;
	    }

	/* the large login button */
	    #auth_container .actions {
	        margin-top: 20pt;
	        text-align: center;
	    }

	    #auth .alternate {
	    	position: absolute;
	        text-align: right;
	        bottom: -35pt;
	        right: 10pt;
	        color: white;
	    }



	#auth .remember_me {
	  text-align: left;
	}

	#auth #auth_container label[for="remember"] {
	  font-size: 10pt;
	  display: inline-block !important;
	  margin-top: -3pt;
	}

	/* ----------- All iPhones ----------- */

	@media
	    only screen /* all iphone screen sizes on both orientations */
	    and (min-width: 320px)
	    and (max-width: 812px) /* see iphone x */
	    and (-webkit-min-device-pixel-ratio: 2),
	    only screen /* all iphone screen sizes on both orientations */
	    and (min-device-width: 320px)
	    and (max-device-width: 812px) /* see iphone x */
	    and (-webkit-min-device-pixel-ratio: 2),
	    only screen /*
	    and all ipads with widths in compact mode (split view and slide over).
	    full page layouts on ipad should show desktop site
	    */
	    and (min-device-width: 768px) 
	    and (max-device-width: 1024px)  /* determine that device is an ipad*/
	    and (-webkit-min-device-pixel-ratio: 2)
	    and (min-width: 320px) 
	    and (max-width: 568px) /* but limit to compact widths */ {

	    	html {
	    		max-width: 100vw;
				height: auto;
	    	}

	    	#auth {
	    		max-width: 100%;
	    		overflow-x: hidden;
	    	}

	        /* adjust body padding on mobile to show slim gaps on the sides */
	        #auth {
	          padding: 10pt;
	        }

	        /* CSS submit button weird rendering on iPad/iPhone */
	        /* https://stackoverflow.com/a/5438653/690464 */
	        #auth input[type="submit"],
	        #auth input[type="text"],
	        #auth input[type="password"]
	            {  -webkit-appearance: none;  }

	        #auth input[type="checkbox"] {
        		max-width: 6vw;
	          width: 20pt !important;
	          max-height: 6vh;
	          height: 20pt !important;
	          border: 1px solid #BBE2F3 !important;
	        }

	        #auth input[type="submit"] {
	          width: 100%;
	        }

	        #auth label span {
	          font-size: 12pt;
	          display: inline-block !important;
	          margin-top: 1pt;
	          margin-left: 6pt;
	        }

	        #auth .mobile-hidden { display: none !important; }
	        #auth .mobile-visible { display: block !important; }

	        #auth #auth_container {
	            margin: 0 !important;
	            width: 100% !important;
	            text-align: center;
	        }

	        #auth #auth_logo {
	            /*margin: 0 auto;
	            margin-top: 100pt;
	            text-align: left;
	            margin-bottom: 40pt;
	            max-width: 730px;*/
	        }

	        #auth #auth_logo img {
	            content:url('/National_Library/oe_/https://myows.com/images/logo_cat_and_text.png');
	            width: 30vw;
				margin: 0 auto;
	        }

	        #auth .infopanel {
			    padding: 1vw 6vw 0;
			}

	        /* on mobile, make labels and inputs linearly stacked */
	        #auth .infopanel dl > * {
	            width: 100%;
	            text-align: left;
	        }

	        #auth .infopanel dl dd {
	            margin-bottom: 2vw;
	        }

	        #auth .infopanel dl label
	        {
	            font-size: 12pt;
	            display: inline-block;
	            margin-left: -5pt;
	        }

	        #auth .infopanel dl label {
	            width: 100%;
	        }

	        #auth .infopanel dd input {
	            margin: 0 0 0 -5pt !important;
	            width: 100% !important;
	            padding: 5pt !important;
	            font-size: 14pt;
	            height: auto;
	        }

	        #auth .infopanel.login .remember_me { margin-left: 0; display: inline-block; width: 100%; padding-left: 8px; }
			#auth .infopanel.login .remember_me input[type="checkbox"] { margin-top: 0; }

	        #auth .infopanel .create .alt {
	        	display: none;
	        }

	        #auth .infopanel.register .table label,
	        #auth .infopanel.login .table label {
	        	display: block !important;
				text-align: left;
	        }

			#auth .infopanel.register .g-recaptcha {
	        	text-align: center;
				display: inline-block;
	        }

            #auth .infopanel.register input[type="submit"],
	        #auth .infopanel.register input[type="text"],
	        #auth .infopanel.register input[type="password"]
	            {  width: 100%  }

	}

	@media only screen 
	  and (max-width: 320px)
	  and (-webkit-min-device-pixel-ratio: 2)
	  and (orientation: portrait) {
	  	/* iphones on landscape need a little adjustment for text inside the box */
	  	#auth .infopanel.password,
	  	#auth .infopanel.username
	  	{
	  		padding: 6pt 0pt 0;
	  	}

	  	#auth .infopanel.login {
		    padding: 3vw 3vw 0;
		}

	  	#auth .infopanel.register {
		    padding: 1vw 3vw 0 1vw;
		}

	  	#auth .infopanel.register .g-recaptcha {
        	margin-left: -15px;
        }

        #auth .infopanel.login input[type="text"],
        #auth .infopanel.login input[type="password"] {
        	width: 95% !important;
        }
	}

	@media only screen
	    and (max-width: 768px)
	    and (-webkit-min-device-pixel-ratio: 2)
	    and (orientation: landscape) {

	    /* on landscape, make sure that the white box's gap is far from the sides.  */
	    #auth {
	        padding: 0 20vw 60pt;
	    }

	}

	/* 
		A CSS media query that captures almost all high DPI aware devices.
		https://gist.github.com/marcedwards/3446599
		*/
	@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
	only screen and (-o-min-device-pixel-ratio: 13/10),
	only screen and (min-resolution: 120dpi)
	{
		#auth input[type="submit"],
        #auth input[type="text"],
        #auth input[type="password"]
            {  -webkit-appearance: none;  }
	}

	@media
	    only screen and (max-width: 320px) and (orientation: portrait),
	    only screen and (max-device-width: 320px) and (orientation: portrait)
	    {
	    	
	}

	@media
	    only screen /* all iphone screen sizes on both orientations */
	    and (min-width: 320px)
	    and (max-width: 812px) /* see iphone x */
	    and (-webkit-min-device-pixel-ratio: 2)
	    and (orientation: portrait),
	    only screen /* all iphone screen sizes on both orientations */
	    and (min-device-width: 320px)
	    and (max-device-width: 812px) /* see iphone x */
	    and (-webkit-min-device-pixel-ratio: 2)
	    and (orientation: portrait) {
	    	#auth {
	    		padding: 0 3vh 0;
	    	}

	    	#auth dl label {
	    		font-size: 2vh;
	    	}

	    	#auth dl input[type="text"],
	    	#auth dl input[type="password"]
	    	{
	    		font-size: 3vh;
	    		height: 3vh;
	    	}

	    	#auth .actions {
	    		margin: 1vw;
	    	}
	    	#auth .actions input {
	    		padding: 0 !important;
	    		font-size: 4vw !important;
	    		height: 10vw !important;
	    		margin: 0;
	    	}

	    	#auth p.forgot {
	    		font-size: .95em;
	    	}
	    }
		
	    @media
	    only screen /* all iphone screen sizes on both orientations */
	    and (min-width: 568px)
	    and (max-width: 812px) /* see iphone x */
	    and (-webkit-min-device-pixel-ratio: 2)
	    and (orientation: landscape) {
	    		html {
	    			margin: 0;
	    			padding: 0;
	    		}

	    		#auth {
	    			background-color: #223460;
	    			width: 100%;
	    			margin: 0;
	    			padding: 0;
	    		}


				#auth ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
				    color: #ccc;
				    opacity: 1; /* Firefox */
				}

				#auth :-ms-input-placeholder { /* Internet Explorer 10-11 */
				    color: #ccc;
				}

				#auth ::-ms-input-placeholder { /* Microsoft Edge */
				    color: #ccc;
				}

	    		#auth #auth_logo {
	    			display: inline-block;
	    			left: 5vw;
	    			top: 5vh;
	    			position: fixed;
	    			
	    		}
				#auth #auth_logo img {
	    			max-width: 25vw;
	    		}

	    		#auth .infopanel {
	    			position: absolute;
    				right: 5vw;
	    			width: 45vw;
	    			padding: 0vw 2vw 0;
					min-width: 55vw;
					margin-top: 3vw;
	    		}

	    		#auth .infopanel.login {
	    			
	    		}

	    		#auth .infopanel.login .error.main {
					display: none;
				}
	    		#auth .infopanel.login .error.alt {
					display: block;
					padding-top: 10pt;
				}

	    		#auth .infopanel.login dt label {
	    			font-size: 6pt;
	    			display: none;
	    		}
	    		#auth .infopanel.login dd {
	    			text-align: center;
	    		}

	    		#auth .infopanel.login input[type="text"],
	    		#auth .infopanel.login input[type="password"]
	    		{
	    			width: 90% !important;
	    			margin: 0 auto;
	    			font-size: 8pt;
	    		}

	    		#auth .infopanel h2 {
	    			font-size: 2.5vw;
					font-weight: 600;
	    		}
	    		#auth .infopanel table td {
	    			font-size: 1.8vw;
					line-height: 1.8vw;
	    		}

	    		#auth .alternate {
	    			text-align: left;
	    			position: fixed;
	    			left: 6vw;
	    			top: 35vh;
	    			font-size: 11pt;
	    			width: 20vw;
	    		}
				#auth .alternate a {
					display: block;
					width: 20vw;
				}

				#auth .alternate .dot {
	    			display: none;
	    		}

	    		#auth .alternate .main { display: none; }
	    		#auth .alternate .alt
    		 	{
	    		 	display: block !important;
	    		 	width: 20vw;
	    		}
	    		#auth .alternate .alt a
    		 	{
	    		 	font-size: 11pt;
					height: 22px;
					margin-bottom: 6pt;
	    		}

	    		#auth p.forgot {
	    			/*position: absolute;*/
					left: 6vw;
					top:35vh;
					position: fixed;
					text-align: left;
	    		}
	    		#auth p.forgot .dot {
	    			display: none;
	    		}

	    		#auth p.forgot a {
	    			display: block;
	    			font-size: 11pt;
	    			margin-bottom: 6pt;
	    		}
	    		
	    		#auth .infopanel .remember_me {
	    			margin-bottom: 0;
	    			display: inline-block !important;
					width: 35%;
					margin-left: -4pt;
	    		}
	    		#auth .infopanel .remember_me label span {
	    			font-size: 3vh;
	    			margin-top: -1pt;
	    			margin-left: -2pt;
	    		}
	    		#auth .infopanel .actions {
	    			margin: 0;
	    			display: inline-block !important;
					width: 60%;
	    		}
	    		#auth .infopanel .create {
	    			margin: 0;
	    		}
	    		#auth .infopanel .create .main {
	    			display: none;
	    		}
	    		#auth .infopanel .create .alt {
		        	display: block;
		        	position: fixed;
		        	left: 6vw;
		        	top: 60vh;
		        	font-size: 11pt;
		        }
	    		
	    		#auth input[type="submit"] {

	    		}
	    		
	    }

	/*
	 * Done with Authentication pages.
	 */


/* 
Main Panel Styling
*****************************/
/*overides some of th eattributes of infopanel so we can use infopanel styling in the main window*/

div#content div.contentpanel {
	margin:0px -20px 0px 0px;
	margin-top:-20px;
	padding-bottom: 10pt;
}

div#content div.contentpanel input, div#content div.contentpanel textarea {
border:1px solid #BBE2F3;
}


/* file extension box when contained in an infopanel div*/
div.infopanel div#extension {
background-color:#343434;
color:#FFFFFF;
font-size:30px;
width:80px;
margin-top:10px;
margin-bottom:20px;
height:70px;
text-align:center;
height:auto;
padding:5px;
padding-top:30px;
padding-bottom:30px;
}

div.file_extension {
overflow:hidden;
color:#CCCCCC;
font-size:30px;
min-height:60px;
display:block;
float:right;
width:100px;
text-align:center;
padding:40px 0px 0px;
margin-bottom:10px;
border: 1px solid #CCCCCC;
margin-bottom:0px;
background:#ffffff;
}

.imageViewLink img{border: none;}

/*for displaying the text of viewing an Ow*/
div.view_ow_text{
border:1px solid #BBE2F3;
width: 300px; height: 300px;
overflow: auto;
padding: 10px 5px 10px 5px;
}

p.cert_blurb{
font-size:14px;
font: normal  "Roboto", Verdana, Arial, Helvetica, sans-serif;
font-family: "Lucida Sans",  "Roboto", Verdana, Arial, Helvetica, sans-serif;
}


ul#account_menu, ul#register_menu,ul#contract_menu, ul#feed_menu{
list-style-type:none;
float:left;
margin-top:5px;
}


ul#account_menu li, ul#register_menu li,ul#contract_menu li,ul#feed_menu li{
height:38px;
display:inline;
padding:5px; line-height:38px; margin-bottom:-2px;
}

ul#account_menu li a,ul#account_menu li a:visited,ul#contract_menu li a,ul#contract_menu li a:visited,ul#register_menu li a, ul#register_menu li a:visited, ul#feed_menu li a, ul#feed_menu a:visited {
font-size: 13px;
color:#FFFFFF;
font-style: normal;
font-weight: normal;
display:inline-block;
border-bottom:0;
padding:5px 20px;
line-height:24px;
text-align:center;
text-decoration:none;
border: 2px solid #3593D3;
background:#3593D3;
border-radius:3px;
text-transform:capitalize; letter-spacing:1px;
}


ul#account_menu li a.active, ul#contract_menu li a.active, ul#register_menu li a.active, ul#feed_menu li a.active{border:2px solid #3593D3!important;background: #fff!important;text-decoration:none!important;color:#3593D3!important;}

ul#account_menu li a:hover, ul#register_menu li a:hover,ul#contract_menu li a:hover, ul#feed_menu li a:hover{
background:#223460;
color:white;
}

ul#account_menu li a:active, ul#register_menu li a:active,ul#contract_menu li a:active, ul#feed_menu li a:active{
background:#3593d3;
color:white;
}





/* Footer added 26/10/2009 */

.footer-item {
color: #1B4F80;
float: left;
width: 25%;
padding-bottom: 10px;
}

.footer-item p{
border-color: #3595D4;
border-width: 1px;
border-style: solid;
color: #1B4F80;
background-color: #fff;
padding:7px;
}


.footer-item li{
list-style: none;
margin:0;
}

.footer-item ul {

}

.footer-item li a{
text-decoration:none;
font-weight:normal;
display:block;
line-height: 170%;
padding:10px;
}


.footer-item li a:hover{

background-color: #1B4F80;
}

#footer {
	position: relative;
	color: #3595D4;
	font-size: 11px;
	line-height: 39px;
	margin: 0 auto;
	width: 975px;
}

#page-bot {
	padding-top: 80px;
	background: url(/National_Library/oe_/https://myows.com/images/footer_top.png) repeat-x top;
	background-color: #223460;

}

#page-bot a{

font-style: normal;

font-weight: normal;

text-shadow: 1px 1px black;
color: #fff;
}





#page-bot h3{
text-shadow: 1px 1px black;
color: #3595D4;
padding-left: 25px;

}



#page-bot h3 a{
color: #3595D4;
padding-left: 2px;
border: none;
}



#page-bot a:hover{

}

.fl {
	float: left;
}

.fr {
	float: right;
}

/* end footer*/
/* Added 27/10/2009*/
a.file_attachment_name{
font-size:1.2em;
}

a.remove_file{
font-weight:normal;
font-size:0.9em;
}

span.attachment_date{
font-size:0.9em;
}
/* Added 27/10/2009*/

ul#ow-menu {
width:300px;
	font-size: 12px;
	font-family: "Roboto", Verdana, Arial, sans-serif;
	width: 301px; margin: 10px auto;
	list-style: none;
	border:none;
}


ul#ow-menu li{
margin:0
}



ul#ow-menu li a {
    text-shadow: 1px 1px white;
    line-height: 135%;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #3798D8;
	padding: 13px;
	display: block;
	height: 50px;
	width: 270px;
	background-image: url(/National_Library/oe_/https://myows.com/images/grad_btn.png);
	border:none;
    font-weight:normal;


}



ul#ow-menu li a:hover {

	color: #003366;
}

ul#ow-menu img { margin-right: 20px; float: left; 	border:none; }

.ow_sprite {
	border:none;
	width:50px;
	height:50px;
	background-image: url(/National_Library/oe_/https://myows.com/images/myows_sprites.png);

 }

.banner_sprite {
	border:none;
	width:50px;
	height:50px;
	background: transparent url(/National_Library/oe_/https://myows.com/images/myows_sprites.png) 0px -70px;

 }

.certificate_sprite {
	width:50px;
	height:50px;
	background: transparent url(/National_Library/oe_/https://myows.com/images/myows_sprites.png) 0px -140px;

 }

.attach_sprite {
	border:none;
	width:50px;
	height:50px;
	background: transparent url(/National_Library/oe_/https://myows.com/images/myows_sprites.png) 0px -210px;

 }

.contract_sprite {
border:none;
width:50px;
height:50px;
background: transparent url(/National_Library/oe_/https://myows.com/images/myows_sprites.png) 0px -350px;

}

.copyright_sprite {
	border:none;
	width:50px;
	height:50px;
	background: transparent url(/National_Library/oe_/https://myows.com/images/myows_sprites.png) 0px -280px;

}



/*added 02/11/2009*/





#page_links a, #page_links a:link, #page_links a:focus, #page_links a:visited {
border: 1px #fff solid;
padding: 7px 10px;
background: #fff ;
margin-right:3px;
color: #3798D8;
cursor: pointer ;
}



#page_links a:hover {
text-decoration:none;
border: 1px #fff solid;
color: #3798D8;
background: #fff ;
margin-right:3px;
padding: 7px 10px;
border-bottom: 1px #3798D8 solid;
}

#page_links .current_link  {
text-decoration:none;
border: 1px #3798D8 solid;
color: #fff;
background: #3798D8 ;
margin-right:3px;
padding: 7px 10px;
}

div#auth_container input.radio, div.infopanel input.radio {
line-height:15px;
height:15px;
border:0px solid #ffffff;
width:15px;
}

#page-bot h3 img {
	margin: 0px;
	padding: 2px;
}

.fix {
	clear: both;
}

img a {
	border-width: 0px;
	text-decoration: none;
}

#page-bot li a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1B4F80;
}


/*passroids added 10/10/2009*/

#psr_score { display: inline; padding-left: 10px; }
#psr_verify { display: inline; padding-left: 10px; }
#psr_strength_notice { display: inline; padding-left: 10px; }

.psr_Weak { color: #A52A2A; }
.psr_Medium { color: #FFA500; }
.psr_Strong { color: #3DBE5E; }
.psr_Excellent { color: #416EC2; }

.red { color: red }

#ad   {
		display: none;
		border-bottom-color: #378BC1;
		border-bottom-width: 1px;
		border-left-style: none;
		border-bottom-style: solid;
		border-right-style: none;
		border-top-style: none;
		right: 0px;
		z-index: 999;
		padding: 0px;
		top: 30px;
		position: absolute;
	}

	.influads_img { float: right; padding: 5px; margin-left: 10px; border:0 !important; text-align: left !important;}

	.influads_text, .influads_text_a, .influads_text_a:visited { text-decoration: none; !important; font-size: 12px !important; line-height: 150% !important; padding-top: 5px}

	 .influads_text { text-align: center; text-decoration: none; }

	 .influads_block { border-width: 0px; border-bottom-color: #0e105f; border-bottom-style: solid; color: white; width: 500px !important; overflow: hidden !important; text-align: left !important;}

	 .influads_powered_div { padding: 5px 0 5px 0 !important; text-align: center !important;} .influads_powered_link{ border-width: 0px; margin-top: 5px; padding-top: 5px; border-color: #378BC1; border-top-style: solid; text-align: right; font-family:"Arial" !important; font-size:9px !important; text-decoration:none  !important; color: #378BC1 !important;}


	table#front_page_packages td, table#front_page_packages th{
		border-spacing:10px;
		padding:10px;
	}	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .influads_text a:hover{ color: white; }

	#pricing_table  { width:100%;float:left;margin:30px 0; clear: both}
	#pricing_table a:hover { text-decoration: none}

	#pricing_table ul {margin:0;padding:0; float:left}

	#pricing_table li {list-style-type: none; list-style:none; height:30px;  width:78px; padding:20px 10px 0px; text-align:center;}


	#pricing_table ul#freelancer {background-color: #F3F9FD; border-right:0; border:1px solid #47AFE7; }


	#pricing_table ul#pro { background: #fff url(/National_Library/oe_/https://myows.com/images/plan_name_bg.png) repeat-x bottom;border:1px solid #47AFE7; margin-top:-2px; padding-bottom:2px}
	#pricing_table ul#proplus {background-color: #F3F9FD; border:1px solid #47AFE7; border-left:0}

	#pricing_table ul#features li {width:80px;height:30px; ;color:#47AFE7;}

	#pricing_table ul#features li.nobackground{ background:none; height:50px}

	#pricing_table li.plan_name {font-weight: bold; color: #47AFE7; text-shadow: 1px 1px 0px white; font-size:15px; height:40px}

	#pricing_table ul#pro li.plan_name {padding-bottom:3px;}

	#pricing_table ul#freelancer{ border-right:none;}


	#pricing_table li.cta {  height:40px}


	#pricing_table ul#pro li.cta {}

	#pricing_table li.storage {font-weight: bold; font-size: 16px;}


	#pricing_table li.pricing {font-weight: bold; font-size: 21px; color: #47AFE7; height:20px; line-height:10px; }


	#pricing_table li.pricing span.small{font-weight: normal; font-size: 11px; color: #47AFE7}

			.tooltip {

				cursor: help; text-decoration: none;
				position: relative;
			}
			.tooltip span {
				margin-left: -999em;
				position: absolute;
			}
			.tooltip:hover span {
				border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
				box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
				text-align:left;
				position: absolute; left: 90px; top: 0px; z-index: 99;
	visibility:visible;
				margin-left: 0; width: 185px;
			}

			.tooltip:hover em {
				display: block; padding: 0.2em 0 0.6em 0;
			}
			.classic { padding: 0.8em 1em; }
			.custom { padding: 0.5em 0.8em 0.8em 2em; }
			* html a:hover { background: transparent; }
			.classic {line-height: 140%; background-color: white; background-position: 0 bottom; background-image: url(plan_name_bg.png); background-repeat: repeat-x; color: #17657e; border: 1px solid #47AFE7}

					a.tooltip {font-size: 11px; margin-right: 15px; text-align: right; display:block;
	color: #47AFE7;
			}
	.tooltip:hover {color: #17657e;}

					a.tooltip img{border:none;
			}

	.classic img {margin-left: -20px; margin-top: -35px; float:left}

	ul#enterprise { padding:1; font-size:9px; background-color: red; color: #17657e; font-size: 11px; line-height: 130%; width:110px; background-color: #F3F9FD; border:1px solid #47AFE7; border-left:0; padding-bottom:20px; width:140px}


	ul#enterprise li{ text-align:left; width:120px; height: auto}

	ul#enterprise li.plan_name{ text-align:left; width:120px; text-align: center; height:30px}



	#pricing_table  ul#features li.hover_notice {color:#999; font-size:10px;line-height:130%; height:50px}

	#pricing_table a.button {padding:0 5px; font-size:11px;}



/*
new upload 12/04/2011
*/

div.fileTemplate input,div.fileTemplate textarea{
	width:140px;
	height:14px;
	line-height:14px;
	font-size:10px;
	padding:5px;
	color:#3593D3;
	background:#FBFDFE;
	border:1px solid #BBE2F3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


div.processing{
font-size:12px;
}

a.editFieldIcon{
	display:block;
	float:left;
	width:14px;
	height:12px;
	margin-right:3px;
	background: url(/National_Library/oe_/https://myows.com/images/myows_edit_icon_greyed.png) left top no-repeat;
}

a.editFieldIcon:hover{
	background: url(/National_Library/oe_/https://myows.com/images/myows_edit_icon.png) left top no-repeat;
}


/*notification not read class*/

.not_read{
	background:#D9EFFC;
}



.contract_generator_container input {background:white url(/National_Library/oe_/https://myows.com/images/bg_input.png) top repeat-x; border:1px solid #3595D4; padding:10px}
.contract_generator_container textarea { background:white url(/National_Library/oe_/https://myows.com/images/bg_input.png) top repeat-x; border:1px solid #3595D4; padding:10px}

.contract_generator_container input.unvalidated, .contract_generator_container textarea.unvalidated{
	background:white url(/National_Library/oe_/https://myows.com/images/required_star2.png) left top no-repeat;
}



.owner_name, .ow_number, .ow_name, .contract_amount, .contract_amount_symbol,.contract_period_years,.contract_period_months,.contract_period_days,.work_portion_percent,.work_portion,.clause_ref,.licensee,.presentee,presenter,.corporate_entity {display:inline;}
.ow_description_title {margin-top:20px;}
.ow_description {font-style:italic; margin-left:60px; font-size:16px; font-family:georgia}
.clause {margin-top:20px}
.clause_number {color:#223460;  display:inline; font-size:21px; font-family:georgia}
.clause_body {display:inline }
.subclause {margin-left:30px; margin-top:20px}
.subclause_number, .subclause_body {display:inline}
.subclause_number {color:#223460; font-weight:bold}
.assignee {display:inline; color:#223460}
.note {background:#fff; padding:5px 10px; margin:10px 40px; border:1px dashed #223460; font-style:italic; color:#223460; text-shadow:none; font-family:georgia}
.note_title {margin-top:20px;}
.preamble_paragraph{
	margin-top:15px !important;
	display:block;
}

.custom_text{
	white-space:pre-wrap;
}

.clause_level_1{
	margin-left:0px;
}

.clause_level_2{
	margin-left:30px;
}

.clause_level_3{
	margin-left:40px;
}


.sendLink{
	margin-top:30px;
}

.unread_number {padding:0px 6px 0px; color:white; background:red; position:absolute; top:-12px; right:-20px}

#notifications_link {position:relative}
#notifications_link.new {  }

div.contract_question {padding:0px;padding-top:20px;}

#ow_description,textarea.long_text {width:280px}

#convertCustomContract {margin-top:20px; font-size:11px}


.ui-autocomplete {max-height:400px; overflow-y:scroll; overflow-x:hidden; -moz-border-radius:0!important}

.ui-tabs-nav a {color:#3595D4!important;font-size: 14px;border:none!important;border-bottom:1px dotted #3595D4;padding:10px!important;-moz-border-radius:0!important;text-transform: uppercase;letter-spacing: 1px;font-weight: 400;}


.ui-tabs-nav  a:hover {color:white!important; border:none!important; background:#3595D4!important;border-bottom:1px dotted #3595D4!important; cursor:pointer;  -moz-border-radius:0!important }


.commentTitle {text-transform: capitalize; font-weight: bold; padding:0 40px 10px ;margin-bottom:16px; background:url(/National_Library/oe_/https://myows.com/images/comment_bubble.png) top left no-repeat}


.publicPreview{
	width:700px;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:40px;
}

#owDisplayContainer {text-align:center!important}

#owDisplayContainer img {

	border-radius:3px

}

#owDisplayContainer div.jp-audio,#owDisplayContainer div.jp-video{
	margin:0;
	max-width:520px;
}

#language_form {display:none}


.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    clear: both;
    position: relative;
}

.alert-dismissible {
    padding-right: 35px;
}
.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 1em;
    margin-top: 1em;
    color: inherit;
    background-color: transparent;
}
.alert-dismissible .close:hover {
    cursor: pointer;
}

.alert-error,
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

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


.account {

}

.account.packages {

}

.account.packages .stripe_powered {
    text-align: center;
}

.account.packages .stripe_powered img {
    margin: 0 auto;
}

.account.packages .payment_icons {

}


.account.packages .payment_icons img {
    width: 14%;
    padding: 1%;
}

.ows.register .uploadify-queue-item,.uploadify-completed-queue-item {
    margin: 0 auto;
}
.ows.register #ow_details #results {
    text-align: center;
}

.add-to-portfolio-box {
    position: absolute;
    right: -18px;
    top: 40%;
    width: 35px;
    height: 35px;
}
.add-to-portfolio-box a.add-to-portfolio {
    cursor: pointer;
}
.add-to-portfolio-box a.add-to-portfolio > span.add-to-portfolio-txt {
	font-weight:400;
    position: absolute;
    width: 100px;
    text-align: center;
    line-height: 100%;
    background: #68B0DF;
    color: #FFF;
    padding: 7px 0;
    letter-spacing: 0.5px;
    top: -50px;
    left: -35px;
}
.add-to-portfolio-box a.add-to-portfolio > span.add-to-portfolio-arrow {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #68B0DF;
    position: absolute;
    top: -11px;
    left: 9px;
}
.add-to-portfolio-box a.add-to-portfolio > span {
    visibility: hidden;
}
.add-to-portfolio-box a.add-to-portfolio:hover > span {
    visibility: visible;
}
.add-to-portfolio-box a.add-to-portfolio i {
    font-size: 17px;
    color: #FFF;
    background: #68B0DF;
    padding: 7px;
    border-radius: 100%;
}
.add-to-portfolio-box a.add-to-portfolio.added > span.add-to-portfolio-txt {
    background: #FD4102;
    top: -64px;
}
.add-to-portfolio-box a.add-to-portfolio.added > span.add-to-portfolio-arrow {
    border-top: 8px solid #FD4102;
}
.add-to-portfolio-box a.add-to-portfolio.added i {
    background: #FD4102;
}
.ind-add-to-portfolio,
.ind-get-public-link {
    font-weight: normal;
    cursor: pointer;
    text-decoration: none;
}
.ind-add-to-portfolio:hover,
.ind-get-public-link:hover {
    text-decoration: none;
}
.ind-add-to-portfolio i,
.ind-get-public-link i {
    font-size: 14px;
    color: #FFF;
    background: #68B0DF;
    padding: 7px;
    border-radius: 100%;
    margin-right: 5px;
}
.ind-add-to-portfolio.added i,
.ind-get-public-link.added i {
    background: #FD4102;
}
.ind-get-public-link {
    margin-top: 3px;
}
.btn.btn-primary,
.btn.activate,
input[type="submit"].activate {
    background: #3496D5;
    color: #FFF;
    border-radius: 3px;
    padding: 6px 20px;
    cursor: pointer;
}
.btn.disabled,
input[type="submit"].activate:disabled {
    background: #ccc;
    color: #eee;
}
.btn.btn-danger {
	background: #d44;
	color: #fff;
}
p.secondary {
    color: #ccc;
}

#backdrop,
#backdrop_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 2;
    display: table;
}

#backdrop_overlay {
    background: black;
    opacity: 0.5;
    z-index: 2;
}

#backdrop > .row {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
/*
body.iframe #backdrop {
    display: none;
}

body.iframe #purchase-work .content .dialog {
    border: none;
}*/
#backdrop .content {
    margin: 0 auto;
}
#backdrop .content .dialog {
    background: white;
    border: solid 15px #333;
    padding: 20px;
    z-index: 3;
    color: black;
    opacity: 1;
    position: relative;
    /*top: 50%;*/
    margin: 0 auto;
    width: 66%;
}

#close_backdrop {
    position: absolute;
    z-index: 3;
    right: -18px;
    top: -18px;
}
#close_backdrop:hover {
    cursor: pointer;
}


#fa-ow-menu a {font-weight:400}

#fa-ow-menu a:hover {color:#104A7D; text-decoration:none}

#fa-ow-menu {list-style:none;}

#fa-ow-menu i {color:#104A7D;; font-size:16px; margin-right:10px}


.ows.view #sidebar .panel.share label {
    margin-bottom: 10px;
    display: block;
}f
.ows.view #sidebar .panel.share label span {
    font-weight: bold;
    margin-left: 10px;
}
.ows.view #sidebar .panel.share p,
.ows.view #sidebar .panel.share a
{
    margin-left: 30px;
    font-size: .9em;
}
.ows.view #sidebar .panel.share a {
    border-bottom: solid 1px #3595D4;
}

#maintitle {background: white}


.selectize-dropdown, .selectize-input, .selectize-input input {
    color: #666;
    font-family: inherit;
    font-size: 12px;
    line-height: 18px;
    -webkit-font-smoothing: inherit;
}

.fb-login-button {margin-bottom:24px}

.portfolio-header-btns {
  float:right;
  display:inline-block
}

#loginout {display:inline-block!important; margin-right:74px }

.portfolio-header-btns a {
  float: none!important;
  padding: 14px 15px;
  color: #FFF;
  margin-left: 0px;
  margin-right:10px;
  border-radius: 3px;
  text-decoration: none; height: 44px;
 
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .07em;
    line-height: 42px;
    border-radius: 2px;
}


.portfolio-header-btns a:hover {
opacity:0.8 
}

.portfolio-header-btns  a {
	  background: #0D9FEB;
}
.portfolio-header-btns a.upload-new-ow {
  background: #59B200;
}
.portfolio-header-btns a.portfolio-link {
  background: #3596D5;
}

.portfolio-header-btns i {font-size:14px; }

#contract_menu, #account_menu {margin: 0}

#maintitle ul {float:right; margin-right:40px;}

#maintitle h1 {margin-right:10px; width:40%; padding-top:10px}
#maintitle i {color:#3496D5}

.owRef {color:#3496D5; font-size:14px; margin-right:16px}

#masthead {padding-top:70px}
#logo {margin-bottom: -10px}
a.linktopricing {font-weight:400; color:#3496D5}
a.linktopricing:hover {color:white!important}

.ui-tabs-vertical .ui-tabs-nav {

    width: 28%!important;
}
#tabs h1, #tabs h2 {letter-spacing:1px; text-transform:uppercase; font-weight:600!important; color:#104A7D; font-size:16px; }


.tabText {font-size:12px; margin-top:20px; border-top:1px solid #eee; padding-top:24px}

.ui-widget {font-family: 'roboto'!important}

.ui-widget button {color:#3496D5; font-family: 'roboto',Arial,sans-serif; font-size: 1em; text-decoration:underline }


.dropZone {border:1px solid #eee!important; margin-top:16px!important;background:#f8f8f8;  border-radius:3px; ; padding:2%!important; width:96%!important}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family:'roboto'!important
}


#tabs h4 {font-weight:800; font-size:18px;  margin-bottom:10px}
.bg {width:98%!important; border-radius:4px}
#tabs img {border-radius:2px}
#tabs .form-p textarea {
    min-height: 100px;
}

.noty_body {
	margin: 10px 5px;
}
/**
 * used in socket alerts.
 * see site.js socket.on('alert')
 */
.noty_buttons button {
	background: white;
	color: black;
	border: solid 1px black;
	border-radius: 4px;
	padding: 5px;
	float: right;
	margin-bottom: 5px;
}