/* general, recommended page style settings  */
::selection { background:rgba(60,120,180,0.3); }
::-moz-selection { background:rgba(60,120,180,0.3); }
input {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

/* flexpaper general styles */
.flexpaper_fplogo { float:right; margin-left:3px; margin-top:0px; padding-left: 1px; padding-right:1px; padding-top:1px; padding-bottom:1px; border: 1px solid transparent; }
.flexpaper_fplogo:hover { border: 1px solid #496487; }
.flexpaper_grab {cursor: -moz-grab;}
.flexpaper_grabbing {cursor: -moz-grabbing;}
.flexpaper_hidden {display: none;}
.flexpaper_printframe{position:relative;left:-1000px;top:-10px;border-width:0px;border-style:none;width:0px;height:0px;}

/* flexpaper text layer styles */
.flexpaper_textlayer {position: absolute;left: 0;top: 0;right: 0;bottom: 0;color: #000;}
.flexpaper_textlayer > div {color: transparent;position: absolute;line-height:1.3;}
.flexpaper_selected {}
.flexpaper_selected_default {background-color: #3c78b4; opacity:.3; filter: alpha(opacity=30); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=30)"}
.flexpaper_selected_yellow {background-color:#fff774; opacity:.3; filter: alpha(opacity=30); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=30)"}
.flexpaper_selected_orange {background-color:#facd56; opacity:.3; filter: alpha(opacity=30); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=30)"}
.flexpaper_selected_green {background-color:#c2f785; opacity:.3; filter: alpha(opacity=30); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=30)"}
.flexpaper_selected_blue {background-color:#9cdcff; opacity:.3; filter: alpha(opacity=30); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=30)"}
.flexpaper_selected_selected {background-color:#444444; opacity:.3; filter: alpha(opacity=30); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=30)"}
.flexpaper_selected_hover {background-color:#444444; opacity:.3; filter: alpha(opacity=30); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=30)"; cursor:pointer;}
.flexpaper_selected_strikeout {background-color:#fb5450; opacity:.6; filter: alpha(opacity=60); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=60)"}		
.flexpaper_tmpselected {background-color: #3c78b4; opacity:.3; filter: alpha(opacity=30); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=30)"}
.flexpaper_pageword{position:absolute;z-index:11;}
.flexpaper_selector{position:absolute;left:-1000px;top:-10px;border-width:0px;border-style:none;width:0px;height:0px;}
.flexpaper_note_semitrans{opacity:.5; filter: alpha(opacity=50); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=50)"}
.flexpaper_note_textarea{border: 0px;resize: none;font-family:verdana;background-color:#ffffec;}

/* flexpaper specific styles for pages */
.flexpaper_viewer {height: 100%;width: 100%; background-image: -ms-linear-gradient(top, #aab3b3 0%, #d4dcdc 100%);background-image: -moz-linear-gradient(top, #aab3b3 0%, #d4dcdc 100%);background-image: -o-linear-gradient(top, #aab3b3 0%, #d4dcdc 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aab3b3), color-stop(1, #d4dcdc));background-image: -webkit-linear-gradient(top, #aab3b3 0%, #d4dcdc 100%);background-image: linear-gradient(top, #aab3b3 0%, #d4dcdc 100%); }
.flexpaper_initloader {padding-bottom:21px;position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:#dddddd;opacity:.9; filter: alpha(opacity=90); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=90)"}
.flexpaper_initloader_panel {font-family: verdana; font-size: 10px; font-size:10px;padding-top:20px;padding-left:10px;position:relative;top:40%;margin: 0px auto;background-color:#ffffff;width:150px;height:45px;-moz-border-radius-topleft: 10px;border-top-left-radius: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-left-radius: 10px; -moz-border-radius-topright: 10px;border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px;border-bottom-right-radius: 10px;}
.flexpaper_pages {clear: both;padding-bottom:10px; }
.flexpaper_page > a:hover {background: #ff0;box-shadow: 0px 2px 10px #ff0;opacity:0.4; filter: alpha(opacity=40); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=40)"}
.flexpaper_page .flexpaper_border { box-shadow: 0px 4px 5px #000;-moz-box-shadow: 0px 4px 5px #000;-webkit-box-shadow: 0px 4px 5px #000;background-color:white;}
.flexpaper_page {clear: both;margin-bottom: 0.5em; }
.flexpaper_thumb{opacity:0.75; filter: alpha(opacity=75); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=75)"}
.flexpaper_thumb:hover{opacity:1; filter: alpha(opacity=100); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=100)"}
.flexpaper_interactive_canvas_drawing{cursor: 16 16,default;}
.flexpaper_interactive_note{cursor: 14 14,default;}
.flexpaper_note{background-color:#ffffa5;position:absolute;box-shadow: 0px 2px 3px #000;-moz-box-shadow: 0px 2px 3px #000;-webkit-box-shadow: 0px 2px 3px #000;}
.flexpaper_note_selected{background-color:#ababab;cursor:pointer}

/* flexpaper specific styles for the toolbar */
.flexpaper_toolbarstd { background-image:; height:24px; border-style:solid; border-width:1px; border-color:#777777; white-space: nowrap; overflow:hidden}
.flexpaper_toolbarios { background-image:; height:42px; border-style:solid; border-width:1px; border-color:#cccccc;z-index:100; white-space: nowrap;overflow:hidden}
.flexpaper_tbbutton { float:left; margin-left:3px; margin-top:2px; padding-left: 1px; padding-right:1px; padding-top:1px; padding-bottom:1px; border: 1px solid transparent; }
.flexpaper_tbbutton_pressed {background-image:;}
.flexpaper_tbbutton_disabled {opacity:0.4; filter: alpha(opacity=40); -ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=40)"}
.flexpaper_tbbutton_large { float:left; margin-left:3px; margin-top:5px; padding-left: 1px; padding-right:1px; padding-top:1px; padding-bottom:1px; border: 1px solid transparent; -moz-border-radius: 7px;  border-radius: 7px;}
.flexpaper_tbbutton:hover { border: 1px solid #496487;}
.flexpaper_tbtextbutton { background-position: left center; background-repeat: no-repeat; padding-left:20px; position:relative;float:left; margin-left:2px; padding-right:5px; padding-top:1px; padding-bottom:3px; border: 1px solid transparent; font-family: verdana; font-size: 10px; height:14px;vertical-align:middle}
.flexpaper_tbtextbutton:hover { border: 1px solid #496487; float:left; font-family: verdana; font-size: 10px; cursor:default;}
.flexpaper_tbtextbutton_pressed { background-image: -ms-linear-gradient(bottom right, #c5e4fc 0%, #b6c8df 100%);background-image: -moz-linear-gradient(bottom right, #c5e4fc 0%, #b6c8df 100%);background-image: -o-linear-gradient(bottom right, #c5e4fc 0%, #b6c8df 100%);background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #c5e4fc), color-stop(1, #b6c8df));background-image: -webkit-linear-gradient(bottom right, #c5e4fc 0%, #b6c8df 100%);background-image: linear-gradient(bottom right, #c5e4fc 0%, #b6c8df 100%);	}
.flexpaper_tbbutton:active { background-image:;}
.flexpaper_tbseparator { float:left; padding-top:1px; padding-left:2px; padding-right:2px; }
.flexpaper_tbseparator_large { float:left; padding-top:3px; padding-left:7px; padding-right:7px; }
.flexpaper_tbbutton_fitmode_selected { background-color:#bbdaf3;}
.flexpaper_tbbutton_viewmode_selected { background-color:#bbdaf3;}
.flexpaper_tbbutton_cursormode_selected { background-color:#bbdaf3;}
.flexpaper_tbbutton_fullscreen_selected { background-color:#bbdaf3;}
.flexpaper_tbtextinput { float:left; font-family: verdana; font-size: 10px; margin-top:2px; height:20px; border:1px solid #888; padding:3px; }
.flexpaper_tbtextinput_large { float:left; font-family: verdana; font-size: 18px; margin-top:7px; height:29px; border:1px solid #888; padding:3px; -moz-border-radius: 7px;  border-radius: 7px; }
.flexpaper_tblabel { float:left; font-family: verdana; font-size: 10px; height:14px; margin-top: 4px; margin-left:5px; width:29px; }
.flexpaper_tblabel_large { float:left; font-family: verdana; font-size: 18px; height:29px; margin-top: 11px; margin-left:5px; width:59px; }
.flexpaper_tbloader { float:right; margin-top:3px; margin-right:3px; }
.flexpaper_slider {top:5px; float:left; margin-left:4px; margin-right: 4px; width: 108px; position: relative;height: 12px;background-image:;}
.flexpaper_slider .flexpaper_handle {position: absolute;width: 11px;height: 12px;color: #fff;line-height: 10px;text-align: center;background-image: ; background-repeat:no-repeat;}
.flexpaper_slider .disabled {}
.flexpaper_colorselector{float:left;border:1px solid #555555;width:16px;height:16px;background-position: center; background-repeat: no-repeat; }
.flexpaper_colorselector:hover{background-image:;background-position: center; background-repeat: no-repeat; }
.flexpaper_colorselector_2{float:left;border:1px solid #555555;width:16px;height:16px;background-position: center; background-repeat: no-repeat; }
.flexpaper_colorselector_2:hover{background-image:;background-position: center; background-repeat: no-repeat; }
.flexpaper_printdialog_button {-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, #ededed), color-stop(1, #dfdfdf) );background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#ededed', endcolorstr='#dfdfdf');background-color:#ededed;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#777777;font-family:arial;font-size:10px;font-weight:bold;padding:2px 24px;text-decoration:none;text-shadow:1px 1px 0px #ffffff;
}.flexpaper_printdialog_button:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#dfdfdf', endcolorstr='#ededed');background-color:#dfdfdf;
}.flexpaper_printdialog_button:active {position:relative;top:1px;}
.flexpaper_printdialog td{font-size:11px;border:0;padding: 5px 5px 5px 5px;}


/* modal styles */
.modal-content {display:none;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {font: 11px/22px verdana, arial, sans-serif;height:204px; width:360px; color:#777; background-color:#fff; border:4px solid #444; }
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container a {color:#000;}
#simplemodal-container a.modalcloseimg {background: no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}

/* scroll styles for android and pre-ios version 5 based touch devices */
.jspcontainer{overflow: hidden;position: relative;}
.jsppane{position: absolute;}
.jspverticalbar{position: absolute;top: 0;right: 0;width: 16px;height: 100%;background: #333333;}
.jsphorizontalbar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: #333333;}
.jspverticalbar *,.jsphorizontalbar * {margin: 0;padding: 0;}
.jspcap {display: none;}
.jsphorizontalbar .jspcap{float: left;}
.jsptrack{background: #bbb;position: relative;}
.jspdrag{background: #666;position: relative;top: 0;left: 0;cursor: pointer;}
.jsphorizontalbar .jsptrack,
.jsphorizontalbar .jspdrag {float: left;height: 100%;}
.jsparrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;}
.jsparrow.jspdisabled{cursor: default;background: #80808d;}
.jspverticalbar .jsparrow{height: 16px;}
.jsphorizontalbar .jsparrow{width: 16px;float: left;height: 100%;}
.jspverticalbar .jsparrow:focus{outline: none;}
.jspcorner{background: #eeeef4;float: left;height: 100%;}
* html .jspcorner {margin: 0 -3px 0 0;} /* yuk! css hack for ie6 3 pixel bug :( */

/* jquery ui extensions */
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}