/* CSS Document */

body {
	background-color: #5398D9;
	font: 10pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}
input.submit {
	/*FILTER: Alpha(Opacity=0, FinishOpacity=100, startY=0, finishY=700, Style=1);*/
	background: url(images/bg-button.jpg) 0 -5px repeat-x;
	border: 1px solid #81afce;
	padding: 3px 15px 3px 15px;
	color: #FFFFFF;
}
input.submit:hover {
	background-position: 0 -41px;
	border: 1px solid #88ca52;
	cursor: pointer;
}
input.submit-start {
	background: transparent url(images/button-start.jpg) 0 -5px no-repeat;
	border: 1px solid #81afce;
	padding: 3px 15px 3px 30px;
	color: #FFFFFF;
}
input.submit-start:hover {
	background-position: 0 -41px;
	border: 1px solid #88ca52;
	cursor: pointer;
}
input.submit-stop {
	background: transparent url(images/button-stop.jpg) 0 -5px no-repeat;
	border: 1px solid #81afce;
	padding: 3px 15px 3px 30px;
	color: #FFFFFF;
}
input.submit-stop:hover {
	background-position: 0 -41px;
	border: 1px solid #88ca52;
	cursor: pointer;
}
#bg-left {
	background: url(images/bg-left.jpg) repeat-x;
	text-align: right;
}
	#bg-left img { 
		margin-top: 40px 
	}
#bg-right {
	background: url(images/bg-right.jpg) repeat-x;
	text-align: left;
}

a, a:active
{
	color: blue;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

/**
 * Homepage
 */
#home {
	width: 763px;
}
#home a:link, #home a:visited, #home a:active {
	color:#FFCC00;
	text-decoration: none;
}
#home a:hover {
	color:#CCFF00;
}

#home #header {
	background: url(images/bg-header.jpg) no-repeat;
	height: 139px;
}
#home #header #logo {
	margin: 52px 0 0 20px;
}
#home #top {
	background: url(images/bg-top.jpg) left top repeat-x;
}
	#home #top .right {
		background: url(images/img-top-right.jpg) right top no-repeat;
	}
#home #bottom {
	background: url(images/bg-bottom.jpg) left bottom repeat-x;
}

#home #main {
	background: #4C83E0 url(images/bg-main.jpg) right top repeat-y;	
	border: 1px solid #FFFFFF;
	border-width: 0 1px 0 1px;
	padding: 0 1px 0 1px;
	color: #FFFFFF;
}
#home #main #banner {
}
#home #main #banner .signin {
	position: absolute;
	margin: 80px 0 0 10px;
	z-index: 2;
}
#home #main #banner .signin img {
	border: 0;
}
#home #main #banner .signin .description {
	margin-top: 5px;
	color: #b4a0af;
	font-size: 0.85em;
}

#home #main #counter-box {
	margin: 10px 13px 0 13px;
}
	#home #main #counter-box .bg-counter {
		background: url(images/bg-counter.jpg) center left repeat-x;
		font-size: 1.2em;
		color: #333333;
	}
	#home #main #counter-box .bg-counter2 {
		background: url(images/bg-counter2.jpg) center left repeat-x;
	}
	#home #main #counter-box .bg-counter2 div {
		float: left;
		width: 30px;
		height: 31px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		text-align: center;
		color: #333333;
	}
	
#home #main .main {
	padding: 5px;
}
	#home #main .block {
		background: url(images/home-block.jpg) no-repeat;
		width: 339px;
		min-height: 130px;
		margin-top: 10px;
		padding: 10px;
	}
	#home #main .block-image {
		width: 100px;
		text-align: center;
		vertical-align:top;
	}
	#home #main .block-image img {
		margin: 7px 7px 0 0;
	}
	#home #main .block-text {
		width: 239px;
		vertical-align:top;
	}
	#home #main .block-text .title {
		font-size: 1.1em;
		font-weight: bold;
		text-align: left;
	}
	#home #main .block-text .content {
		margin-top: 5px;
		text-align: justify;
	}

#home #footer {
	color:#EEEEEE;
	font-size: 0.75em;
	padding: 10px;
	text-align: center;
	line-height: 1.1em;
}
#home #footer a:link, #home #footer a:visited, #home #footer a:active {
	color:#EEEEEE;
	font-weight:bold;
	text-decoration: none;
	
}
#home #footer a:hover {
	color:#EEEEEE;
	border-bottom: 1px dotted #EEEEEE;
}


/**
 * Subpage
 */
#sub {
	width: 763px;
}
#sub #header {
	background: url(images/bg-header-sub.jpg) no-repeat;
	height: 121px;
}
#sub #header #logo {
	margin: 54px 0 0 30px;
}
#sub #top {
	background: url(images/bg-top.jpg) left top repeat-x;
}
#sub #main {
	background: #4C83E0 url(images/bg-main-sub.jpg) repeat-y;	
	border: 1px solid #FFFFFF;
	border-width: 0 1px 0 1px;
	padding: 0 1px 0 1px;
	color: #666666;
}
#sub #footer {
	background: url(images/bg-footer-sub.jpg) no-repeat;
	color:#EEEEEE;
	font-size: 0.75em;
	padding: 40px 10px 10px 10px;
	text-align: center;
	line-height: 1.1em;
}
#sub #footer a:link, #sub #footer a:visited, #sub #footer a:active {
	color:#EEEEEE;
	font-weight:bold;
	text-decoration: none;
	
}
#sub #footer a:hover {
	color:#EEEEEE;
	border-bottom: 1px dotted #EEEEEE;
}

#content {
	padding: 7px;
}

#content .box-title {
	width: 535px;
	height: 33px;
	margin: 5px 5px 15px 5px;
}
#content .box-title .title {
	background:  url(images/bg-title.jpg) repeat-x;
	font-size: 1.2em;
	color: #666666;
	font-weight: bold;
	padding-left: 10px;
}

#content .boxes .bottom .textfield {
	color: #666666;
	border: 1px solid #666666;
	margin: 10px 0 10px 0;
	padding:3px 5px 3px 5px;
}
#content .boxes .bottom .select {
	position: absolute;
	background: url(images/select.gif) no-repeat;
	color: #FFFFFF;
	width: 158px;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	margin: 10px 0 10px 0;
	padding: 0 24px 0 8px;
}
#content .boxes .bottom .dropdownlist {
	opacity: 0; /* css standard */
	-moz-opacity: 0; /* css FF */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* css IE8 -first */
	filter:alpha(opacity=0); /* css IE - second */
	position: relative;
	width: 190px;
	z-index: 5;
	color: #666666;
	border: 1px solid #666666;
	margin: 10px 0 10px 0;
}

#content .hsap-rss {
	background: url(images/i_feed.gif) top left no-repeat;
	font-size: 1.2em;
	font-weight: bold;
	width: 505px;
	height: 24px;
	margin: 15px 0 10px 5px;
	padding: 6px 0 0 30px;
	border-bottom: 1px solid #CCCCCC;
}
#content .hsap-profile {
	background: url(images/i_profile.gif) top left no-repeat;
	font-size: 1.2em;
	font-weight: bold;
	width: 505px;
	height: 24px;
	margin: 15px 0 10px 5px;
	padding: 6px 0 0 30px;
	border-bottom: 1px solid #CCCCCC;
}
#content .hsap-category {
	background: url(images/i_category.gif) top left no-repeat;
	font-size: 1.2em;
	font-weight: bold;
	width: 505px;
	height: 24px;
	margin: 15px 0 10px 5px;
	padding: 6px 0 0 30px;
	border-bottom: 1px solid #CCCCCC;
}

#content .boxes {
	background:  url(images/box-middle.jpg) repeat-y;
	width: 535px;
	margin: 15px 5px 0 5px;
}
	#content .boxes .top {
		background: url(images/box-top.jpg) no-repeat;
		height: 10px;
	}
	#content .boxes .bottom {
		background: url(images/box-bottom.jpg) bottom left no-repeat;
		padding: 0 9px 12px 9px;
	}
		#content .boxes .bottom .status-text {
			font-size: 1.1em;
			color: #666666;
		}
		
		#content .boxes .bottom .columns {
			clear: both;
			height: 22px;
		}
		#content .boxes .bottom .leftcolumn {
			float:left;
			width:410px;
		}
		#content .boxes .bottom .rightcolumn {
			float:left;
			width:50px;
		}
		
		#content .boxes .bottom .status-box {
			background-color: #FFFFEF;
			border: 1px solid #CCCCCC;
			margin-top: 10px;
			padding: 10px 20px 10px 20px;
		}
		#content .boxes .bottom textarea {
			width: 511px;
			margin: 10px 0 10px 0;
		}
	
	#content .title-primary {
		color: #01537e;
		font-size: 1.1em;
		font-weight: bold;
		margin-bottom: 10px;
	}
	#content .title-second {
		color: #000000;
		font-weight: normal;
	}
	#content .text {
		color: #666666;
	}
	#content .description {
		color: #b4a0af;
		font-size: 0.85em;
	}


#sidebar-right {
	width: 184px;
	color: #EEEEEE;
	padding: 7px 6px 7px 8px;
	
}
	#sidebar-right #search-box {
		background: url(images/bg-search.jpg) repeat-x;
		position: absolute;
		width: 197px;
		height: 50px;
		margin: -7px 50px 10px -7px;
		padding-top: 12px;
	}
	#sidebar-right #search-box input.textfield {
		background: #FFF url(images/search-text.jpg) no-repeat;
		width: 140px;
		height: 22px;
		border: 0;
		padding: 5px 5px 0 5px;
		color: #666666;
	}
	#sidebar-right #search-box input.submit {
		background: url(images/search-button.jpg) no-repeat;
		width: 26px;
		height: 27px;
		border: 0;
		text-indent: -1000px;
	}
	#sidebar-right #user-login {
		background: url(images/img-line.jpg) bottom left no-repeat;
		/*margin-top: 50px;*/
		padding-bottom: 20px;
	}
		#sidebar-right #user-login .avatar {
			width: 57px;
		}
		#sidebar-right #user-login .username {
			color: #FFFFFF;
		}
		#sidebar-right #user-login .userlink {
			color: #000000;
		}
	#sidebar-right #nav {
		background: url(images/img-line.jpg) bottom left no-repeat;
		margin-top: 10px;
		padding-bottom: 20px;
	}
	#sidebar-right #nav .title {
		font-weight: bold;
		margin-bottom: 10px;
	}
	#sidebar-right #nav ul {
		width: 184px;
		margin: 0;
		padding: 0;
	}
	#sidebar-right #nav ul li {
		list-style-type: none;
		background: url(images/bg-menu-item.jpg) no-repeat;
		height: 26px;
		margin: 0;
		padding: 4px 5px 0 30px;
	}
	#sidebar-right #nav ul li:hover {
		background: url(images/bg-menu-hover.jpg) no-repeat;
	}
	#sidebar-right #nav ul li.active {
		background: url(images/bg-menu-active.jpg) no-repeat;
	}
	#sidebar-right #nav ul li a:link,
	#sidebar-right #nav ul li a:visited,
	#sidebar-right #nav ul li a:active {
		color: #EEEEEE;
		text-decoration: none;
	}
	#sidebar-right #nav ul li a:hover {
		color: #FFFF99;
	}
	
	#sidebar-right .title {

	}
	#sidebar-right .content {

	}
	/*
#errmsg 
{
	background: url(images/err.gif) no-repeat;
}	*/
.retweet:hover, 
.retweet.selected {
	background-position:0px -61px;
	color:#80B62A;
	text-decoration:none;
}
.retweet {
	background:transparent url(images/widget.gif) no-repeat scroll 0px -45px;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:left;
	font-size:11px;
	height:16px;
	line-height:16px;
	padding:0px;
	text-align:center;
	text-decoration:none;
	width:50px;
}
#toolbar
{
	height:50px;
	background-color: #eee;
}
label.error
{
	color: red; 
	
}
label.success
{
	color: green; 
}
#rss_priority, #campaign_priority,#random_priority
{
	float: left;
	clear: left;
	width: 250px;
}

#rss_priority .ui-slider-range { background: #ef2929; }
#rss_priority .ui-slider-handle { border-color: #ef2929; }
#campaign_priority .ui-slider-range { background: #8ae234; }
#campaign_priority .ui-slider-handle { border-color: #8ae234; }
#random_priority .ui-slider-range { background: #729fcf }
#random_priority .ui-slider-handle { border-color: #729fcf; }

.help-title
{
	color:#fff;
	font-size: 16pt;
	padding:10px 5px 5px 10px;
}
.help-content
{
	color:#fff;
	padding:10px 5px 5px 10px;
}