/*************************** BROWSER RESET ****************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/**********************************************************************/
/*************************** MISC SECTION *****************************/
* :focus { outline: 0; }
a:link { color:#2684B8; text-decoration:underline; }
a:visited { color:#2684B8; text-decoration:underline; }
a:hover { color:#2684B8; text-decoration:none; }
a:active { color:#2684B8; }
strong { font-weight:bold; }
em { font-style:italic; }
dd { margin:4px 0 10px 20px; }
p { margin-bottom:10px; line-height: 160%;}
.clear { clear:both; }
table{ margin:10px 0 10px 0; }
th
    {
        font-weight:bold;
        padding:5px 8px 5px 8px;
    }
td{ padding:5px 8px 5px 8px; }
h1
	{
		font-size:22px;
		font-weight:bold;
		padding-bottom:8px;
		color:#2684B8;
	}
h2
	{
		font-size:18px;
		font-weight:bold;
		padding-bottom:4px;
		color:#2684B8;
	}
h3
	{
		font-size:16px;
		font-weight:bold;
		margin-bottom:8px;
		color:#2684B8;
	}
ul
	{
		margin:0 0 8px 15px;
	}
ul li
	{
		list-style-position:inside;
	}
fieldset
	{
		margin-top:20px;	
	}
legend
	{
		font-size:14px;
		font-weight:bold;
		color:#666666;
		padding:0;
	}
label
	{
		color:#2684B8;
		font-size:17px;
		display:block;
		margin:0 0 8px 8px;
	}
html
	{
		background-color:#66B8DC;
	}
body
	{
		background-color:#66B8DC;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height:1.6em;
	}
/**********************************************************************/
/************************** GENERAL SECTION ***************************/
#main
	{
		width:100%;
		background:url(../images/body_bg-top.png) top left repeat-x #E6F4F9;
	}
#main-inner
	{
		width:100%;
		background:url(../images/body_bg-btm.png) bottom left repeat-x;
		padding:60px 0 100px 0;
	}
#container
	{
		width:890px;
		margin:auto;
		padding:0 35px 0 35px;
	}
#logo
	{
		width:109px;
		height:97px;
		display:block;
		background:url(../images/logo.png) top left no-repeat;
		text-decoration:none;
		float:left;
	}
#logo span
	{
		visibility:hidden;
	}
#twilitics
	{
		width:198px;
		height:57px;
		display:block;
		background:url(../images/twilitics.png) top left no-repeat;
		text-decoration:none;
		float:left;
		margin:28px 0 0 10px;
	}
#twilitics span
	{
		visibility:hidden;
	}
#header h2
	{
		clear:both;
		color:#66B8DC;
		font-size:20px;
		font-weight:normal;
		margin-left:200px;
	}
/**********************************************************************/
/*********************** FORM BUTTONS SECTION *************************/
span.button 
	{
		background: transparent url('../images/bg_button_span.png') no-repeat;
		display:inline-block;
		margin:10px 0 10px 0;
	}
span.button:hover
	{
		background-position:bottom left;
	}
span.button input 
	{
		background: transparent url('../images/bg_button_a.png') no-repeat top right!important;
		height:40px;
		border:none;
		cursor:pointer;
		padding:0 10px 0 10px!important;
		color:#FFFFFF;
		font-size:15px;
		margin:0!important;
		max-width:none!important;
		padding-right: 18px; /* sliding doors padding */
		font-weight:normal;
	}
span.button input:hover
	{
		background-position:bottom right!important;
	}
/**********************************************************************/
/************************** CONTENT SECTION ***************************/
#content
	{
		clear:both;
		padding-top:40px;
	}
#longUrl
	{
		width:526px;
		height:24px;
		background:url(../images/longURL.png) top left no-repeat;
		border:none;
		font-size:14px;
		padding:10px 15px 4px 15px;
	}
.create-div
	{
		float:left;
		width:600px;
	}
#sidebar
	{
		float:right;
		width:260px;
	}
#sidebar h3
	{
		color:#2684B8;
		font-size:17px;
		display:block;
		margin:0 0 8px 8px;
		font-weight:normal;
	}
#loginForm input[type="text"], #loginForm input[type="password"]
	{
		width:225px;
		height:24px;
		background:url(../images/login.png) top left no-repeat;
		border:none;
		font-size:14px;
		padding:10px 15px 4px 15px;
		display:block;
		background-color:transparent!important;
	}
#loginForm input[type="text"]
	{
		margin-bottom:15px;
	}
#loginForm fieldset
	{
		float:right;
		margin-right:90px;
	}
#loginForm .button
	{
		float:left;
	}
#login .inner form
	{
		width:260px;
		margin:auto;
	}
#login .inner .fheader
	{
		margin-bottom:10px;
	}
#login .inner #loginForm input[type="password"]
	{
		margin-bottom:8px;
	}
.body
	{
		clear:both;
		padding-top:10px;
	}
.col1
	{
		float:left;
		width:110px;
		font-weight:bold;
		font-size:12px;
		color:#000;
	}
.col2
	{
		float:left;
		margin-bottom:10px;
	}
.col2 input[type="text"], .col2 input[type="password"]
	{
		width:225px;
		height:24px;
		background:url(../images/login.png) top left no-repeat;
		border:none;
		font-size:14px;
		padding:10px 15px 4px 15px;
		display:block;
		background-color:transparent!important;
	}
.col2 ul
	{
		margin:0!important;
	}
.col2 ul li
	{
		list-style-position:outside;
	}
.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}

/**********************************************************************/
/************************* NAVIGATION SECTION *************************/
.nav
	{
		margin:0;
	}
li.menuButton 
	{
		background: transparent url('../images/menu-left.png') bottom left no-repeat;
		display:inline-block;
		margin:10px 5px 10px 0;
		float:left;
	}
li.menuButton:hover
	{
		background-position:top left;
	}
li.menuButton a 
	{
		background: transparent url('../images/menu-right.png') no-repeat bottom right!important;
		height:34px;
		border:none;
		cursor:pointer;
		padding:12px 20px 0 20px!important;
		color:#FFFFFF;
		font-weight:bold!important;
		text-decoration:none;
		font-size:12px;
		margin:0!important;
		max-width:none!important;
		padding-right: 18px; /* sliding doors padding */
		font-weight:normal;
		float:left;
	}
li.menuButton a:visited
	{
		color:#FFF;
	}
li.menuButton a:hover
	{
		background-position:top right!important;
	}

/* MESSAGES AND ERRORS */

.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 8px no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

div.errors {
    background: #fff3f3 url(../images/skin/exclamation.png) 8px 8px no-repeat;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 30px;
}
div.errors ul {
    list-style: none;
    padding: 0;	
}
div.errors li {
	background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}
.stack {
	border: 1px solid black;
	padding: 5px;
	overflow:auto;
	height: 300px;
}
.snippet {
	padding: 5px;
	background-color:white;
	border:1px solid black;
	margin:3px;
	font-family:courier;
}
/* TABLES */

table
	{
		background:url(../images/table_top.png) top left no-repeat;
		border:none;
		width:890px!important;
		table-layout:fixed;
	}
table .last
	{
		background:url(../images/table_top-right.png) top right no-repeat;
		border:none;
		text-align:right;
		padding-right:10px;
	}
table tbody
	{
		background:#B5DDEE;
	}
.center
	{
		text-align:center;
	}
.right
	{
		text-align:right;
		padding-right:10px;
	}
.first
	{
		padding-left:10px;
	}
.longurl
	{
		width:470px!important;
		word-wrap:break-word;
		overflow:hidden;
	}
.longurl a
	{
		font-weight:bold;
		color:#2684B8;
	}
td, th 
	{ 
		font-size: 12px;
		line-height: 12px;
		padding: 8px 5px;
		text-align: left;
		vertical-align: top;
	}
th 
	{
		color: #FFFFFF;
		font-size: 14px;
		font-weight: bold;
		line-height: 17px;
		padding:8px 5px 7px 5px;
	}
th a:link, th a:visited
	{
		color: #FFF;
		display: block;
		font-size: 14px;
		text-decoration: underline;
		width: 100%;
	}
th a:hover
	{
		text-decoration:none;
	}
th.asc a, th.desc a {
    background-position: right;
    background-repeat: no-repeat;
}
th.asc a {
    background-image: url(../images/skin/sorted_asc.gif);
}
th.desc a {
    background-image: url(../images/skin/sorted_desc.gif);
}

.odd {
}
.even {
}

/* LIST */

.list table {
    border-collapse: collapse;
}
.list td {
    border-bottom: 1px solid #E6F4F9;
}

/* PAGINATION */

.paginateButtons {
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 10px 3px;
}
.paginateButtons a {
    color: #666;
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
}

/* DIALOG */

.dialog table {
    padding: 5px 0;
}

.prop {
    padding: 5px;
}
.prop .name {
    text-align: left;
    width: 15%;
    white-space: nowrap;
}
.prop .value {
    text-align: left;
    width: 85%;
}

/* ACTION BUTTONS */

.buttons input {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-left: 3px;
    overflow: visible;
    padding: 2px 6px;
}
.buttons input.delete {
    background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.edit {
    background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.save {
    background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat;
    padding-left: 28px;
}
/**********************************************************************/
/*************************** FOOTER SECTION ***************************/
#footer
	{
		text-align:center;
		color:#B4DDED;
		padding-bottom:100px;
	}
#footer a
	{
		color:#B4DDED;
	}