@charset "UTF-8";
/* CSS Document */

* {
	padding:0px;
	margin:0px;
}

body {
	background:#1e161f; /*#2c242d;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
	font-weight:normal;
	line-height:17px;
	padding:0px 0px 15px 0px;
}

p {
	line-height:17px;
	color:#F1F1F1;
	text-align:center;
	font-size:100%;
}

sup {
	font-size:60%;
}

#doc {
	color:#F1F1F1;
	font-size:80%;
	margin:auto;
	padding:0px 0px 70px 0px;
	width:700px;
}

#logo {
	background:url(../images/shlink-logo.png) no-repeat;
	_background:url(../images/logo.gif) no-repeat;
	display:block;
	height:62px;
	margin:20px auto;
	width:173px;
	border:0px;
}

ul {
	font-size:90%;
	margin:10px 60px 0 60px;
}

li {
	padding-bottom:6px;
}

/* title box */

.titleBoxHolder {width:450px;margin:auto;}
.titleBoxLeft {float:left;background:url(../images/title-box-left.gif);width:6px;height:43px;}
.titleBoxRight {float:left;background:url(../images/title-box-right.gif);width:6px;height:43px;}

.titleBox {
	background:url(../images/title-box-bg.gif);
	color:#F1F1F1;
	font-size:100%;
	height:33px;
	padding:8px 0px 0px 0px;
	text-align:center;
	width:650px;
	margin:auto;
	text-align:center;
	
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.titleBoxShort {
	background:url(../images/purple-bg.png);
	color:#F1F1F1;
	font-size:100%;
	height:33px;
	padding:10px 0px 0px 0px;
	text-align:center;
	width:300px;
	margin:auto;
	text-align:center;
	
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.curvedBox {
    background:url(../images/bg-gradient.png) top left repeat-x;
    /*border:1px solid #683388;*/
    border:1px solid #9138c9;
    padding:10px;  
    margin:0 auto 10px auto;
	font-size:140%;
	height:33px;
	padding:10px 0px 0px 0px;
	text-align:center;
    width:450px;
	
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.curvedBoxResults {
    background:#FBF7FC url(../images/bg-gradient-dark.png) top left repeat-x;
    /*border:1px solid #683388;*/
    border:3px solid #9138c9;
    margin:0 auto 10px auto;
	font-size:110%;
	/*height:70px;*/
	padding:10px 0px 12px 0px;
	text-align:left;
    width:270px;
	color:#F1F1F1;
	font-weight:normal;
	
	
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
}

.curvedBoxResults .blackTitle {
	color:#000000;
}

.blackLink {
	color:#000000;
}

.networkingLinks p {
	padding:6px 0;
}

.networkingLinks div.icons {
	text-align:center;
	margin:6px auto 0;
	height:64px;
	width:295px;
}

.networkingLinks div.icons a {
	height:64px;
	width:36px;
	text-decoration:none;
	margin:0 3px;
	display:block;
	float:left;
}

.networkingLinks div.icons a img {
	float:left;
	*float:none;
	
	/*Reflection - Safari & Chrome
	-webkit-box-reflect:below 0px -webkit-gradient(linear, 0% -20%, 0% 200%, from(transparent), color-stop(0.25, transparent), to(white)) 0 0 0 0 stretch stretch;*/
}

.ShlinkCodeInput {
	width:350px;
	height:19px;
	background-color:#2b2f31;
	border:1px solid #552882;
	color:#F1F1F1;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:90%;
	padding-left:4px;
	padding-top:4px;
}

.ShlinkCodeFind {
	width:40px;
	height:20px;
	background-color:#2b2f31;
	border:1px solid #552882;
	color:#F1F1F1;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:90%;
	padding-left:4px;
}

#divFloater {
	position:absolute;
	width:353px;
	margin-left:158px;
	*margin-left:134px; /*IE6&7*/
	margin-top:1px;
	height:23px;
	background-color:#2b2f31;
}

.termsConditions {
	font-size:85%;
	color:#F1F1F1;
	padding-top:30px;
	text-align:center;
}

.headingsText {
	font-size:120%;
	padding:0px 0px 10px 0px;
	font-weight:normal;
}

.errorText {
	color:#EC0077;
	text-align:center;
	font-size:150%;
}

.ShlinkButton {
	vertical-align:middle;
	
}

.eur-e-kaLogo {
	position:absolute;
	left:15px;
	bottom:0px;
	border:0px;
	background:none;
	/*float:left;
	padding-left:15px;
	padding-top:8px;*/
}

/*###########################
####### COLOURS ########
#############################*/

/*body {background:#1F2326;} /*### the dark grey background ###*/

body, a, .titleBox {color:#F1F1F1;} /*### the blue ###*/

#footer {
	background: url(../images/content/bg-gradient.png) top left repeat-x #00B4BF;
	color:#F1F1F1;
} /*### footer background and text colours ###*/

/*.error, .logout a, {color:#9138c9;} /*### purple ###*/

/*.purple {color:#9138c9;}*/
.purple {color:#C022DC;}


/* content */

#mainContent {
	clear:both;
	padding:20px 0px;
}

/* footer */

#footerContainer {
	width:100%;
}

#footer {
	background: url(../images/purple-bg.png) top left repeat-x #6C28B4; color:#FFF; /*#923dc8*/
	bottom:0px;
	clear:both;
	font-size:70%;
	padding:0px 0px 0px 0px;
	height:50px;
	position:fixed;
	text-align:center;
	width:100%;
	z-index:10;
}

#footer a {
	color:#F1F1F1;
	text-decoration:none;
	border:none;
}

#footer img {
	border:none;
}

#footer p {
	padding:8px 0 0 0;
}

.softwareVersion {
	position:absolute;
	right:20px;
	bottom:20px;
	font-size:90%;
	color:#F1F1F1;
}

/*###########################
#######MISC LAYOUT########
#############################*/

.left {clear:none;float:left;}
.right {clear:none;float:right;}

.center {text-align:center;}

.paddingBottom10 {padding-bottom:10px;}
.paddingBottom30 {padding-bottom:30px;}
.paddingBottom50 {padding-bottom:50px;}
.paddingTop50 {padding-top:50px;}
.paddingTopMobileLegal {display:none;}
.paddingTopResults { }

.clear {clear:both;}

.clearNoContent {clear:both;height:0px;line-height:0px;}

.hidden {display:none;}

.validationSummary li{
    color:#EC0077;
    text-align:center;
    font-size:110%;
}

.validationSummary ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color:#EC0077;
    text-align:center;
}

.RequiredFieldValidator
{
    margin: 0;
    padding: 2px;
    color:#EC0077;
    text-align:center;
    font-size:150%;
}