/* site styles */
html, body
{
	margin:					0;
	padding:				0;
	/*font-family:			"Lucida Grande", Helvetica, Arial, "Arial Unicode", sans-serif;
	font-size:				12px;*/
	color:					black;/*#333;*/
	height:					100%;
    background-color:       #f7f7f7;
}
.container {background-color: white;}
#navbarResponsive{padding-left:10px}

img
{
	border:					none;
}

a
{
	text-decoration:		underline;
	color:					black;/*#DD6F00;*/
	outline:                    none;
}
a:hover
{
	text-decoration:		none;
}

.clear
{
	clear:					both;
}

/* start v2 */
.headerBar
{
    height:					45px;    
}
.mainLogo
{
    height: 90px;
    float: left;
}

.mainNavigation
{
    float: left;
    padding-top: 0px;
    text-transform: capitalize;
    font-size: 20px;
    position: relative;
}

.mainNavigation a:hover
{
    text-decoration: none;
}
/* end v2 */

.bodyBarWrapper
{
	background-color:		white;
}
.bodyBar
{
	text-align:				center;
}

.footerBar
{
	text-align:				center;
	color:					#666;
	padding-top:			15px;
}
.footerBar .footerLinks
{
	padding-top:			10px;
	padding-bottom:			14px;
}
.footerBar .footerLinks a
{
	text-decoration:		underline;
	color:					#666;
}
.footerBar .footerLinks a:hover
{
	text-decoration:		none;
	color:					#333;
}
.pageErrors
{
	padding:				10px;
	background-color:		#fff;
	border: 				2px solid red;
}
.pageErrors li
{
	list-style: 			none;
	padding: 				0;
	margin: 				0;
	font-size:				14px;
}

/* page specific */
.searchBoxWrapper
{
	padding:				10px 0;
	margin-left:			auto;
	margin-right:			auto;
	width:					100%;
}
.searchBox
{
	width:					100%;
	/*height:					115px;*/
	background-color:		#e9ecef;/*#CC6600;*/
	text-align:				left;
}

.searchBoxes
{
	width:					100%;	
	background-color:		white;
	text-align:				justify;
    color: #CC6600;
    border: 1px solid #CC6600;
    padding: 10px;
    width: 600px;
}

.searchBox:hover
{
	/*background-color:		#DD6F00;*/
}
.searchContainer
{
	padding:				20px;
}
.searchInputArea
{
	width:					521px;
	height:					40px;
}
.searchInput
{
	padding-left:			23px;
	padding-top:			5px;
}
.homepageInput
{
	font-size:				18px;
	/*width:					100%!important;
	/*background-color:		transparent;
	border:					none;*/
	outline: 				none;
	float:					left;
}
.homepageSubmit
{
	width:					63px;
	float:					left;
	margin-left:			4px;
	margin-top:				-5px;
	height:					33px;
	cursor:					pointer;
	background:				transparent;
	border:					none;
	outline:				none;
}
.searchIntroText
{
	padding-left:			4px;
	padding-bottom:			12px;
}
.searchTerms
{
	float:					right;
	padding-top:			4px;
}
.searchTermsA
{
	/*width:					120px;*/
	float:					left;
}
.searchTermsB
{
	float:					left;
}
.agreeTermsCB
{
	cursor:					pointer;
}

.passwordContainer
{
	width:					100%;
	overflow:				hidden;
	background-color:		#CC6600;
	padding-top:			10px;
	padding-bottom:			10px;
	color:					#fff;
}

.additionalBox
{
	width:					100%;
	height:					180px;
	background-color:		#e9ecef;/*#CC6600;*/
	text-align:				left;
	margin-top: 			12px;
	overflow:				hidden;
}
.additionalBox:hover
{
	/*background-color:		#DD6F00;*/
}
.additionalContainer
{
	padding-left:			20px;
	padding-top:			10px;
	padding-bottom:			10px;
}
.additionalDownArrow
{
	float:					right;
	padding-right:			18px;
	padding-top:			3px;
	cursor:					pointer;
}
.additionalOptions
{
	padding:				20px;/*5px;
	padding-top:			20px;*/
	font-size:				16px;
}
.additionalOptions input, .additionalOptions select
{
	font-size:				16px;
}
.additionalOptions input
{
	width:					148px;
}
.additionalOptions select
{
	width:					155px;
}
.additionalOptions .calendarButton
{
	width:					auto;
	border:					medium none;
	cursor:					pointer;
}
.additionalOptions .customUrl, .additionalOptions .shortUrlPassword, .additionalOptions .shortUrlExpiryDate
{
	width:					250px;
	float:					left;
	margin-bottom:			15px;
}
.additionalOptions label
{
	color:					#fff;
	font-size:				16px;
	width: 					50px;
	float:					left;
	margin-top:				3px;
	cursor:					pointer;
}
.additionalIntroText
{
	padding-left:			4px;
	cursor:					pointer;
}

.bookmarkItems
{
	margin-left:			auto;
	margin-right:			auto;
	width:					100%;
	padding-top:			15px;
}
.subBoomarkItem
{
	display:				inline;
	padding-left:			7px;
	padding-right:			7px;
}

.shortUrlResult
{
	width:					100%;
	background-color:		#FFF;
	text-align:				left;
	margin-bottom: 			32px;
	text-align:				center;
	vertical-align:			middle;
	font-size:				18px;
	padding-top:			20px;
	border:					1px solid #d8d3d3;
}
.shortUrlResult a
{
	text-decoration:		none;
	color:					#DD6F00;
}
.shortUrlResult a:hover
{
	text-decoration:		underline;
}
.shortUrlResultTick
{
	float:					right;
	padding-right:			15px;
	margin-top:				-4px;
}

.metaRedirectWrapper
{
	padding:				0px;
	margin-left:			auto;
	margin-right:			auto;
	width:					100%;
}
.metaRedirect
{
	width:					100%;
	height:					405px;
	background-color:		#fff;
	text-align:				left;
	text-align:				center;
	font-size:				16px;
	padding-top:			10px;
	/*border:					1px solid #555;*/
}

.framedRedirectTopFrame
{
	overflow:				hidden;
}
.framedRedirectTopFrameWrapper
{
	background-repeat:		no-repeat;
	background-position:	bottom left;
}
.framedRedirectTopFrameWrapper .rightContent
{
	float:					right;
	padding-top:			37px;
	padding-right:			10px;
}
.framedRedirectTopFrameWrapper .leftContent
{
	float:					left;
	width:					150px;
	cursor:					pointer;
}
.framedRedirectTopFrameWrapper .rightAdContent
{
	float:					right;
}

.reportUrlBox
{
	width:					535px;
	height:					115px;
	background-color:		#FFF;
	text-align:				left;
	padding:				10px;
}
.shortUrlInput
{
	padding-top:			28px;
}
.shortUrlInputLabel
{
	float:					left;
	width: 					80px;
	margin-top:				3px;
}
.shortUrlButton
{
	padding-top:			24px;
	text-align:				center;
}

/* popup containers (yui) */
.yui-overlay,.yui-panel-container{visibility:hidden;position:absolute;z-index:2;}.yui-panel{position:relative;}.yui-panel-container form{margin:0;}.mask{z-index:1;display:none;position:absolute;top:0;left:0;right:0;bottom:0;}.mask.block-scrollbars{overflow:auto;}.masked select,.drag select,.hide-select select{_visibility:hidden;}.yui-panel-container select{_visibility:inherit;}.hide-scrollbars,.hide-scrollbars *{overflow:hidden;}.hide-scrollbars select{display:none;}.show-scrollbars{overflow:auto;}.yui-panel-container.show-scrollbars,.yui-tt.show-scrollbars{overflow:visible;}.yui-panel-container.show-scrollbars .underlay,.yui-tt.show-scrollbars .yui-tt-shadow{overflow:auto;}.yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;}.yui-effect-fade .underlay,.yui-effect-fade .yui-tt-shadow{display:none;}.yui-tt-shadow{position:absolute;}.yui-override-padding{padding:0!important;}.yui-panel-container .container-close{overflow:hidden;text-indent:-10000em;text-decoration:none;}.yui-overlay.yui-force-redraw,.yui-panel-container.yui-force-redraw{margin-bottom:1px;} .mask{background-color:#000;opacity:.35;filter:alpha(opacity=35);}.popupContainer .yui-panel-container{padding:0 1px;*padding:2px;}.popupContainer .yui-panel{position:relative;left:0;top:0;border-style:solid;border-width:1px 0;border-color:#808080;z-index:1;*border-width:1px;*zoom:1;_zoom:normal;}.popupContainer .yui-panel .hd,.popupContainer .yui-panel .bd,.popupContainer .yui-panel .ft{border-style:solid;border-width:0 1px;border-color:#808080;margin:0 -1px;*margin:0;*border:0;}.popupContainer .yui-panel .hd{border-bottom:solid 1px #ccc;}.popupContainer .yui-panel .bd,.popupContainer .yui-panel .ft{background-color:#F2F2F2;}.popupContainer .yui-panel .hd{padding:0 10px;font-size:93%;line-height:2;*line-height:1.9;font-weight:bold;color:#000;background:url(http://yui.yahooapis.com/2.8.0r4/build/assets/skins/sam/sprite.png) repeat-x 0 -200px;}.popupContainer .yui-panel .bd{padding:10px;}.popupContainer .yui-panel .ft{border-top:solid 1px #808080;padding:5px 10px;font-size:77%;}.popupContainer .container-close{position:absolute;top:5px;right:6px;width:25px;height:15px;background:url(http://yui.yahooapis.com/2.8.0r4/build/assets/skins/sam/sprite.png) no-repeat 0 -300px;cursor:pointer;}.popupContainer .yui-panel-container .underlay{right:-1px;left:-1px;}.popupContainer .yui-panel-container.matte{padding:9px 10px;background-color:#fff;}.popupContainer .yui-panel-container.shadow{_padding:2px 4px 0 2px;}.popupContainer .yui-panel-container.shadow .underlay{position:absolute;top:2px;left:-3px;right:-3px;bottom:-3px;*top:4px;*left:-1px;*right:-1px;*bottom:-1px;_top:0;_left:0;_right:0;_bottom:0;_margin-top:3px;_margin-left:-1px;background-color:#000;opacity:.12;filter:alpha(opacity=12);}.popupContainer .yui-dialog .ft{border-top:none;padding:0 10px 10px 10px;font-size:100%;}.popupContainer .yui-dialog .ft .button-group{display:block;text-align:right;}.popupContainer .yui-dialog .ft button.default{font-weight:bold;}.popupContainer .yui-dialog .ft span.default{border-color:#304369;background-position:0 -1400px;}.popupContainer .yui-dialog .ft span.default .first-child{border-color:#304369;}.popupContainer .yui-dialog .ft span.default button{color:#fff;}.popupContainer .yui-dialog .ft span.yui-button-disabled{background-position:0 -1500px;border-color:#ccc;}.popupContainer .yui-dialog .ft span.yui-button-disabled .first-child{border-color:#ccc;}.popupContainer .yui-dialog .ft span.yui-button-disabled button{color:#a6a6a6;}.popupContainer .yui-simple-dialog .bd .yui-icon{background:url(http://yui.yahooapis.com/2.8.0r4/build/assets/skins/sam/sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;}.popupContainer .yui-simple-dialog .bd span.blckicon{background-position:0 -1100px;}.popupContainer .yui-simple-dialog .bd span.alrticon{background-position:0 -1050px;}.popupContainer .yui-simple-dialog .bd span.hlpicon{background-position:0 -1150px;}.popupContainer .yui-simple-dialog .bd span.infoicon{background-position:0 -1200px;}.popupContainer .yui-simple-dialog .bd span.warnicon{background-position:0 -1900px;}.popupContainer .yui-simple-dialog .bd span.tipicon{background-position:0 -1250px;}.popupContainer .yui-tt .bd{position:relative;top:0;left:0;z-index:1;color:#000;padding:2px 5px;border-color:#D4C237 #A6982B #A6982B #A6982B;border-width:1px;border-style:solid;background-color:#FFEE69;}.popupContainer .yui-tt.show-scrollbars .bd{overflow:auto;}.popupContainer .yui-tt-shadow{top:2px;right:-3px;left:-3px;bottom:-3px;background-color:#000;}.popupContainer .yui-tt-shadow-visible{opacity:.12;filter:alpha(opacity=12);}

.popupContainer .yui-panel .bd li
{
	padding-bottom:			10px;
}

.popupContainer
{
	display:				none;
}

.footerAds
{
	text-align:				center;
	padding-top:			15px;
}

.metaRedirectWrapperTopAds
{
	text-align:				center;
	padding-top:			10px;
}

.metaRedirectWrapperBottomAds
{
	text-align:				center;
	padding-bottom:			30px;
}


/* V2 */
.contentPageWrapper
{
    margin-left:			auto;
    margin-right:			auto;
}

.pageSectionMain
{
    width:				100%;
    background-color:                   #FFF;
    text-align:				left;
 
}

.pageSectionMainFull
{
    width:				100%;
    background-color:                   #FFF;
    text-align:				left;
}

.pageSectionMainInternal
{
    padding:                            10px 0px;
}

.pageSectionMain .introText
{
    padding-bottom:                     22px;
}

.pageSectionMain .disclaimer
{
    padding-top:                        15px;
}

.contentPageWrapper h2
{
    color: white;
    line-height: 0px;
    padding-bottom: 10px;
    font-size: 18px;
    padding-left: 10px;
}

#form-join .field-container {
    height: 36px;
    left: 120px;
    position: relative;
    width: 330px;
}

#form-join .field-name {
    font-size: 1.1em;
    left: -125px;
    position: absolute;
    text-align: right;
    top: 3px;
    width: 110px;
}

#form-join .submitInput {
    width: auto;
    padding: 5px;
}

#form-join input {
    /*width: 300px;*/
}

#form-join input, #form-join select {
    border: 1px solid #CCCCCC;
    color: #4C4C4C;
    font-size: 1.1em;
    padding: 2px;
    position: relative;
}

ul
{
    list-style-type: none;
}

#form-join .formTip {
    color: #999999;
    font-size: 0.9em;
    /*height: 57px;
    left: 322px;*/
    overflow: hidden;
    /*position: absolute;
    width: 110px;*/
    top: 0;
    
    background-image: url('../images/right_arrow.jpg');
    background-repeat: no-repeat;
    padding-left: 8px;
    background-position: 0px 3px;
}

.hidden
{
    display: none;
}

.ui-button
{
    /*padding: 6px;*/
}

/* login panel */
.loginWrapper{
    width: 890px;
    margin: 0 auto;
    position: relative;
}  
.loginLink{
}
.loginLinkSelected{
    color: #fff;
    font-weight: bold;
}
.loginLinkSelected a
{
    text-decoration: none;
}
.loginPanel{
    position: absolute;
    top: 90px;
    right: -20px;
    width: 161px;
    padding: 5px;
    background: #FF8000;
    font-size: 8pt;
    font-weight: bold;
    color: #FFF;
    display: none;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.loginPanel input
{
    width: 95%;
}
.loginPanel .submitButton
{
    float: right;
    padding-top: 5px;
    text-align: right;
}
.loginPanel .fieldWrapper
{
    float: left;
    padding-bottom: 5px;
}

.txtCenter
{
    text-align: center;
}

.shortUrlData
{
    border: 1px solid #C5DBEC;
}

th
{
    color: #fff;
    background-color: #777;
}

.privatePublicText
{
    color: #999999;
}

.faq ul
{
    list-style-type: square;
    padding-left: 18px;
}

.rightContentWrapper
{
    width:				300px;
    background-color:                   #fff;
    text-align:				left;
    margin-top: 5px;
    border: solid 1px #CC6600;
}

.rightContent
{

}

.divOdd, .divEven
{
    float:                              left;
    width:                              100%;
    overflow:                           auto;
}

.divOdd
{
    background-color:                   #f7f7f7;/*#CC6600;*/
    color:                              black;/*#fff;*/
}

.divOdd a
{
    color:                              #808080;/*#fff;*/
}

.divEven a
{
    color:                              #808080;/*#fff;*/
}

.divEven
{
    background-color:                   #fff;
}

#termsContent
{
    font-size:                          11px;
}

.top_menu{
    background: #CC6600;
    color: white;
    width: 930px;
    padding: 5px 0;
}

.top_menu a{
    color: white;
    text-decoration: none;
    height: auto;
    padding: 0 5px;
}

.top_menu a:hover{
    color: #FFA346;
    text-decoration: none;
    padding: 0 5px;
}

 .tops{
    width:935px;
    background: white;    
    border: 0;
    margin: auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

table .topin{
    width:900px;
    background: white;    
    border: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

td .top{
    background: silver;
}

#pageHeader{
    background-color: #CC6600;
    color: white;
    padding-top: 1px;
    margin: 0px;
}

#titletab{
    background-color: #CC6600;
    color: white;
    padding-top: 1px;
    margin: 0px;
}

#pageHeader h2
{
    padding-left: 10px;
}

h3{
    margin: 0px;
    padding: 0px;
    font-size: inherit;
    display: inline;
    font-weight: normal;
}

#pageHeader h2{
    margin: 0px;
    padding: 0px 10px;
}

#toTop {
	width:70px;
        border:1px solid #ccc;
        background:#f7f7f7;
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:15px; /* together with this to put the div at the bottom*/
        right:15px;
        cursor:pointer;
        display:none;
        color:#333;
        font-family:verdana;
        font-size:12px;
        z-index: 1;
        font-weight: bold;
}

/*
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */
 
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    /*color: #ecf0f1;*/    
    background-color: #f7f7f7;
}


.cookiealert.show {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}

.apexcharts-canvas{margin:0px auto;}