.noFocus:focus {  
    outline: none;  
}  

.border_test
{
	border: 1px solid green;
	padding-top: 0px;
}

.floatleft
{
	float: left;	
}

.floatright
{
	float:right;
}

.clear 
{
	clear: both;
}

.centertext
{
	text-align: center;
}

.righttext
{
	text-align: right;
}

.red 
{
	color: red; /*#cc0000;*/
}

.darkred 
{
	color: #BA1936;
}

.green 
{
	color: #00E32A;
}

.darkgray 
{
	color: #666;
}

.bold 
{
	font-weight: bold;
}
.strike
{
	text-decoration: line-through !important;
}
.errormessage
{
	border: 1px solid red;
	padding: 5px 10px;
	color: red;
}

.error_border
{
	border-color: #BA1936 !important; 
}

.valid_border
{
	border-color: red !important; 
}

p.normal
{
	font-family: Arial;
	font-size: 14px;
	padding: 10px 10px;
	line-height: 21px;
}

p.justify
{
	text-align: justify;
}

p.small
{
	font-family: Arial;
	font-size: 13px;
	padding: 5px 5px;
}

.highlight_bck
{
	background: #fffcdf;
	
}

.new_feature
{
	position: relative;
	top: -10px;
	font-size: 10px;
	background: red;
	color: #FFF;
	padding: 1px 5px;
}

hr.lightred
{
	border: 0;	
	height: 1px;
	width: 100%;
	color: red;
	color: #BA1936;
	background-color: #BA1936;
}

.grayimageborder
	{
		border: 1px solid #CCC;
		padding: 2px;
	}

.imagecontainer
{
	text-align: center;
}

img.gravatarborderthick
{
	border:4px solid #FFCC00;
}

img.gravatarbordernormal
{
	border:2px solid #FFCC00;
}

p a { color:black;}

.bigfont 
{
	font-size: 14px;
}
#redinfo
{
	padding:10px 20px;
	text-align: center;
	background: #6D071A;
	color: #FFF;
	border: 2px solid #FF3C5E;
}

#redinfo h1
{
	font-size: 16px;
	font-weight: bold;
}

#redinfo h2
{
	font-size: 15px;
	font-weight: normal;
	padding-top:5px;
}

/* --- TITLE BOXES --- */

div.titlebox 
{
	background: #5c3533;	
	background: url("../images/titlebox_back.png");
	color: #fff;
	height: 45px;
	padding: 0px 5px;
}

h1.titleheader
{
	font-family:Tahoma,Arial;
	font-size: 16px;
	margin-left: 5px;
	padding: 3px 0 0 0;
	
}

h2.titlesmallheader
{
	font-family:Tahoma,Arial;
	color: #d1c9c9;
	font-size: 13px;
	margin: 3px 5px;
	padding: 0px;
}

/* --- TITLE BOXES --- */

/* --- TAB MENU --- */

#tabmenucontainer
{
	border-bottom: 1px solid #CCC;
	height: 29px;
	margin: 10px 10px;
	padding-right: 20px;
}

#tabmenucontainer h1 
{
	float:left;
	font-size: 24px;
	font-weight: normal;
}

#tabmenu 
{
	margin-bottom: 5px;
	float:right;
}

ul#tabmenu
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#tabmenu li 
{
	float: left;
	margin: 0 5px;
	padding: 0;
	vertical-align: middle;
	/*border-bottom: 1px solid #000;*/
}

ul#tabmenu li.active 
{
	border-bottom: 1px solid #FFF;
}

ul#tabmenu li a 
{
	color: #000;
	font-size: 18px;
	text-decoration: none;
	/*padding-left: 30px;*/
}

.tabcontent 
{
	padding: 10px 30px;	
}

.tab, .tabcaution, .tabactive {
	background-color:#E5E5E5;
	border-color:#D5D5D5 #D5D5D5 ;
	border-style:solid solid none;
	border-width:1pt 1pt 0;
	
	display:block;
	padding: 3px 7px;
	white-space:nowrap;
}
tab:hover, a.tabcaution:hover, .tabactive, .tabactive:hover {
	padding: 3px 7px;
	text-decoration:none;
}
a.tab:hover, .tabactive {
	background-color: #FFF;
}

.icon {
	/*float: left;*/
	/*display: block;*/
	padding: 0 5px;
}

/* --- TAB MENU --- */


/* --- NEWS PLUGIN --- */

#news
{
	/*background: url("../images/logo.jpg") no-repeat bottom;*/
	font-size: 12px;
}

	#news p.news_date
	{
		color: #666;
		padding: 10px 5px 5px 5px;
	}
	
	
	#news p.news_header
	{
		font-size: 14px;
		font-weight: bold;
		padding: 5px 10px ;
	}
	
	#news p
	{
		padding: 0px 10px 10px 10px ;
	}
	
		#news p.news_archive a
		{
			color: #000;	
			font-weight: bold;
			text-decoration: none;
			padding-left: 5px;
		}

#news_details
{
	padding: 10px 20px;
}

#news_details_short
{
	background: #c2ebd2;	
	border: 2px dotted #a9d6c8;
	color: #289976;
	font-size: 17px;
	line-height: 26px;
	font-family: "Trebuchet MS";
	padding: 10px;
	margin-right: 50px;
}

#news_details_long
{
	padding-top: 10px;
	margin-right: 50px;
}

#news_details_long p
{
	font-size: 14px;
	padding: 5px 10px 5px 10px;
	line-height: 21px;	
	text-align: justify;
}

#news_details_long h1
{
	padding-top: 15px;
	font-size: 16px;
}

#news_admin h1
{
	font-size: 20px;
}

/* --- NEWS PLUGIN --- */

/* --- ACCOUNT PLUGIN --- */



/* --- ACCOUNT PLUGIN --- */

/* --- FRONT PAGE --- */

#frontpage
{
	background: url("../images/frontpage_back.jpg") no-repeat top;
}

	#frontpage h1
	{
		font-size: 30px;
		font-family: helvetica;
		letter-spacing:-2px;
		line-height:1em;
		padding-top: 10px;
	}
	
	#frontpage h2
	{
		font-size: 22px;
		font-family: georgia,times;
		font-weight: normal;
		letter-spacing:-1px;
		line-height:1.2em;
		margin: 20px 0 10px 0;
	}
	
	#frontpage p.description
	{
		font-size: 15px;
	}

#minititle 
{
	height: 280px;
	margin: 10px 20px;
	width: 300px;
}

#features_all 
{
	height: 10px;
	margin-top: 50px;
}

	#features_all h1
	{
		font-size: 24px;
		font-weight: normal;
		padding-left: 10px;
		letter-spacing:-1px;
	}
	
	#features_all .normal
	{
		font-size: 14px;
		font-family: Tahoma;
		font-weight: normal;
		letter-spacing:0px;
		padding-left: 10px;
		text-align: justify;
	}

#features 
{
	width: 500px;
	float: left;
	text-decoration: none;
}

	#features .featurebox 
	{
		width: 156px;
		height: 61px;
		margin: 5px;
		padding: 2px 0;
		float: left;
		background: url("../images/featurebox.png") no-repeat top;
	}
	
	#features span.imagecontainer
	{
		float:left;
		margin: 2px 10px;
	}
	
	#features span.featuretitle
	{
		font-size: 15px;	
		font-weight: bold;
		width: 100px;
	}
		
		#features span.featuretitle a 
		{
			color: black;
			text-decoration: none;
		}
		
	#features span.featuredesc
	{
		display: block;
		font-size: 10px;
		padding: 7px 0 0 40px;
		text-decoration: none;
	}

#featuresquick
{
	float: right;
	padding-top: 50px;
	padding-right: 20px;
}

#featuresquick h1 
{
	padding: 2px;
	margin-top: 10px;
	margin-right: 20px;
	background:  #ffeb99;
}

#featuresback
{
	
	border-top: 2px solid #ffeb99;
	border-bottom: 2px solid #ffeb99;
	background-color: #fff8d8;
	padding: 0px 10px 10px 10px;
	width: 170px;
}

	#featuresquick ul
	{
		font-size: 14px;
		margin-top: 10px;
		margin-left: 0;
		
		list-style: none;
	}
	#featuresquick ul li
	{
		padding-left: 30px;
		padding-bottom: 5px;
		background-image: url(../images/check_blue.png);
		background-repeat: no-repeat;
		background-position: 0 50%;
	}

/* --- FRONT PAGE --- */

/* --- OTHER FRONT PAGES --- */

#otherpage
{
	background: url("../images/otherpage_back.jpg") no-repeat top;
}

	#registerpageheader 
	{
		background: url("../images/register_smalllogo.png") no-repeat top left;
		margin: 5px 20px;
	}
	
	#loginpageheader 
	{
		background: url("../images/login_smalllogo.png") no-repeat top left;
		margin: 5px 20px;
	}
	
	#forgotpageheader
	{
		background: url("../images/forgot_smalllogo.png") no-repeat top left;
		margin: 5px 20px;
	}
	
	#functionalitiesheader
	{
		background: url("../images/features_smalllogo.png") no-repeat top left;
		margin: 5px 20px;
	}
	#termsofuseheader
	{
		background: url("../images/termsofuse_smalllogo.png") no-repeat top left;
		margin: 5px 20px;
	}
	
	#privacyheader
	{
		background: url("../images/privacy_smalllogo.png") no-repeat top left;
		margin: 5px 20px;
	}
	
	#faqheader
	{
		background: url("../images/question_smalllogo.png") no-repeat top left;
		margin: 5px 20px;
	}
	
	#contactheader
	{
		background: url("../images/contact_smalllogo.png") no-repeat top left;
		margin: 5px 20px;
	}
	
	#mediaheader
	{
		background: url("../images/front/media.png") no-repeat top left;
		margin: 5px 20px;
	}
	
	#otherpage h1
	{
		font-size: 30px;
		font-family: helvetica;
		letter-spacing:-2px;
		line-height:1em;
		margin: 10px 0 5px 120px;
		padding-top: 10px;
	}
	
	#otherpage h2
	{
		font-size: 22px;
		font-family: georgia,times;
		font-weight: normal;
		letter-spacing:-1px;
		line-height:1.2em;
		margin: 10px 0 10px 120px;
	}
	
	#functionalities h3
	{
		font-family:helvetica;
		font-size:28px;
		letter-spacing:-2px;
		line-height:1em;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	
	#functionalities h4
	{
		font-family:georgia,times;
		font-size:22px;
		font-weight:normal;
		letter-spacing:-1px;
		line-height:1.2em;
		padding: 0;
		margin: 0;
		text-align: center;
		padding: 10px 0;
	}
	
	#commonpage
	{
		padding-top: 40px;
	}
	
	#commonpage h1
	{
		font-size: 24px;
		font-family: Arial;
		padding: 0;
		margin: 0;
		text-align:left;
		padding-bottom: 20px;
	}
	
	#commonpage h2
	{
		margin: 0;
		text-align:left;
		padding: 10px 0;
	}

/* --- OTHER FRONT PAGES --- */

/* --- REGISTRATION PAGE --- */
#functionalities
{
	margin-top: 60px;
}
#registration 
{
	margin-top: 40px;
}
/* --- REGISTRATION PAGE --- */

/* You don't need these, they are here to tune up the page */
a img{ border:none; }

.uniForm{ padding: 20px; -webkit-border-radius: 7px; font-size:14px;}
.uniForm fieldset{ margin: 0 0 1.5em 0; }
.uniForm .inlineLabel em{ left: 10px !important; }
    
.uniForm .inlineLabels .ctrlHolder .multiField.phoneNum .blockLabel{ width: auto; }
.uniForm .inlineLabels .ctrlHolder .multiField .blockLabel #phone_ccode.textInput,
.uniForm .inlineLabels .ctrlHolder .multiField .blockLabel #phone_area.textInput{ width: 4em; }

.uniForm .textInput, .uniForm select, .uniForm textarea
{
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #DFDFDF;
}

/* --- REGISTRATION PAGE --- */

/* --- LOGIN FORM --- */

#login 
{
	color: #399d37;
	font-size: 13px;
	margin-top: 10px;
}

#login a
{
	color: #399d37;
	font-weight: bold;
}

#loginleft
{
	float: left;
	width: 230px;
}

#loginright
{
	float:right;
	width: 150px;
}

#loginSuccessMessage
{
	color: #FFF;
	border: 2px solid #339933;
	background: #99CC33;
	padding: 5px;
	text-align: center;
	margin: 10px 0;
	font-weight: bold;
}

#loginErrorMessage
{
	color: #FFF;
	border: 2px solid #996633;
	background: #DE333C;
	padding: 5px;
	text-align: center;
	margin: 10px 0;
	font-weight: bold;
}

#errorMsg.hidden {display: none;}

/* --- LOGIN FORM --- */

/* --- ADMIN HOME PAGE */

#innercontent
{

}
	#innercontent .accountbox 
	{
		padding: 10px 5px;
	}

div.account_box
{
	width: 350px;
	height: 107px;
	float: left;
	padding: 5px 5px;
}

div.account_boxsmall
{
	height: 107px;
	float: left;
	padding: 5px 0px;
	color: black;
}

div.account_boxsmall a 
{
	display:block;  
	text-decoration:none;  
	height:100%;  
	width:100%;
}

div.account_boxsmall td.small
{
	font-size: 11px;
	padding-top: 15px;
}

div.account_boxsmall td.big
{
	font-size: 12px;
}

div.accountbox_left
{
	background: url("../images/accountblue_right.gif") no-repeat top right;
	margin-left: 9px;
	height: 107px;
}

div.accountbox_right
{
	background: url("../images/accountblue_left.gif") no-repeat top left;
}

.account_width
{
	width: 325px;
}

.account_width_small
{
	width: 215px;
}

.bank_width
{
	width: 200px;
}

div.bankimage 
{
	position: relative;
	top: 12px;
	height: 30px;
}

div.accountedit
{
	display: block;
	float: right;
	padding: 15px 15px;
	color: #8598b2;	
}

div.account_description
{
	color: #8598b2;	
	position:relative;
	top: 25px;
	
	font-weight: bold;
	font-size: 15px;
}
.smaller_font
{
	font-size: 14px !important;
	padding-top: 5px;
	padding-right: 10px;
}

div.account_saldo
{
	color: #8598b2;
	position: relative;
	top: 25px;
	text-align: right;
	font-weight: bold;
	font-size: 17px;
}

div.account_saldo_small
{
	color: #8598b2;
	position: relative;
	top: 35px;
	right: 10px;
	text-align: right;
	font-weight: bold;
	font-size: 13px;
}

#account_add 
{
	text-align: right;
}

#account_add a 
{
	text-decoration: none;
	color: black;
}

span.account_change, span.account_change a
{
	font-size: 10px;
	color: #8598b2;	
}

table.transtable
{
	font-size: 12px;
  	background: #FFF;
  	border-collapse: collapse;
  	width: 95%;
  	margin: 0px 10px 20px 20px;
}

table.transtable a.naziv 
{
	text-decoration: none;
	font-weight: bold;
	color: #09506D;
}

table.transtable tr:hover, table.transtable tr.alt:hover
{
   background: #ffffcc !important;
}

table.transtable tr.alt
{
   background: #f5f7fa !important;
}


table.transtable th, table.transtable td 
{
  border-bottom: 1px #ebebeb solid;
  padding: 4px 0;
}

table.transtable th.alignright, table.transtable td.alignright
{
  text-align: right;
}

table.transtable th
{
	font-size: 14px;
	background: #f5f5f5;
	color: #4f5772;
}

table.transtable caption 
{
  margin-left: inherit;
  margin-right: inherit;
}



/* --- ADMIN HOME PAGE */

/* --- NOTIFICATION LIST */

#notifications 
{
	border: 1px solid #FFCE26;
	background: #FFEDB2;
	font-size: 12px;
	margin: 10px;
	color: #523828;
}

#notifications_title 
{
	padding: 5px 10px;
}

#notifications_title a
{
	color: #523828;
	border-bottom: 1px dotted #523828;
	text-decoration: none;
}

#notifications .notification_list 
{
	padding: 5px 10px 10px 10px;
	list-style-type: none;
}

#notifications .notification_list li 
{
	border-bottom: 1px dotted #FFCE26;
	padding: 3px 0px;
}



#notifications span.info
{
	-moz-border-radius: 5px;
	color: white;
	padding-left: 1px;
	padding-right: 5px;
	margin-right: 12px;
	width: 120px;
	text-align: center;
	display: block;
} 

.notificationgoodgreen
{
	color: #A2CC00;
}

#notifications span.notificationgood
{
	background: #A2CC00;
}
#notifications span.notificationtoday
{
	background: #FF8200;
}
#notifications span.notificationbad
{
	background: #CC1814;
}

/* --- NOTIFICATION LIST */

/* --- PAGINATION ----*/
#pager 
{
	padding-bottom: 10px;
	font-size: 12px;
}

#pager p.pages 
{
	display:inline;
	padding: 1px 5px;
	margin-right: 10px;
}

#pager a
{
	border: 1px solid #09506D;
	color: black;
	text-decoration: none;
	padding: 2px 6px;
}

#pager a:hover
{
	background: #228EB9;
	color: #fff;
}

/* --- PAGINATION ----*/

/* --- ACCOUNT INFO ----*/

#subtitle_container
{
	border-bottom: 1px solid black;
	padding: 15px 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 2px;
}

#subtitle_container.oneline 
{
	height: 20px;
}

#subtitle_container.twolines 
{
	height: 40px;
}

	h3.subtitle_big
	{
		font-family: times, Times New Roman, times-roman, georgia, serif;
		font-size: 30px;
		line-height: 28px;
		letter-spacing: -1px;
		color: #444;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		font-weight: 100;
	}
	
	h4.subtitle_small
	{
		font-family: times, Times New Roman, times-roman, georgia, serif;
		font-size: 18px;
		font-weight: normal;
		line-height: 20px;
		letter-spacing: -1px;
		color: #444;
	}

	#subtitle_container .accountinfo_left
	{
		float: left;
	}
	
	#subtitle_container .accountinfo_right
	{
		float: right;
		padding-right: 5px;
	}


/* --- ACCOUNT INFO ----*/

/* --- ACCORDIAN ----*/

.accordion 
{
	list-style-type: none;
	padding: 2px 0;
	font-size: 14px;
}

.accordion ul 
{
	padding: 0;
	margin: 0;
}
.accordion li {
	cursor: pointer; 
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	background: url('../images/transactionfilterheader_right.png') no-repeat top right;
	height: 25px;
}
.accordion li.active/*>a*/
{
	/* ovde ide slicica sa strelicom na dole */
	background: url('../images/transactionfilterheader_rup.png') no-repeat top right;
}

.accordion li div {
	display: block;
	float: left;
}

.accordion a.header { 
	color: #FFF;
	text-decoration: none; 
	display: block;
	cursor: pointer;
	background: url('../images/filtertitleblue_back.png') no-repeat top left;
	height: 25px;
}

.accordion a.header span.imgreplace
{
	display :none;
}

/* Level 2 */
.accordion li ul li 
{ 
	background: #7FD2FF;
	font-size: 0.9em; 
}

/* --- ACCORDIAN ----*/

/* --- TRANSACTION FILTER ---- */
	
#transactionfilter
{
	margin: 10px 0;
	border-bottom : none;
}


#transactionfilter .ctrlHolder
{
	padding: 3px;
	/*border-bottom: 1px solid #E4E4E4;*/
}

#transactionfilter .ctrlHolder label
{
	display: block;	
	font-size: 14px;
	font-weight: bold;
	color: #000;
	float: left;
	width: 100px;
	
}

#transactionfilter .ctrlHolder select
{
	width: 200px;
}

#transactionfilter .transactionfilter_left
{
	float: left;
	padding: 3px;
	width: 50%;
}

#transactionfilter .transactionfilter_right
{
	float:right;
	border: 1px dashed #CCC;
	padding: 3px;
	width: 48%;
}

#transactionfilter .transactionfilter_header
{
	height: 25px;
}

#transactionfilter .transactionfilter_inner 
{
	padding: 10px;
	background: url('../images/filter_back.png') repeat-x top left; 
}

#transactionfilter input.textInput, select
{
	border: 2px solid #ccc;
}

/* --- TRANSACTION FILTER ---- */

/* --- TRANSACTION FORM ---- */
input.errorborder, textarea.errorborder
{
	border-color: #BA1936 !important;
}
/* --- TRANSACTION FORM ---- */

#flashcharts
{
	position: relative; /*or absolute*/  
	z-index: 0;  
} 

#nochart
{
	border: 1px solid gray;
	padding: 10px;
	margin: 15px 5px;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #4F5772;
	background: #F5F5F5;
	width: 80%;
}

/* --- ADD LINKS --- */

#addlinks 
{
	text-align: right;
	display: block;
	/*padding: 10px 10px;*/
	margin-top: 10px;
	margin-bottom: 10px;
}

#addlinks a img
{
	position: relative;
	top: 3px;
	border: 0px;
	padding: 2px;
}

.addlink
{
	text-align: right;
	padding: 5px;
	color: #09506D;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #09506D;
	margin-right: 5px;
}

.addlink:hover 
{
	color: white;
	background: #09506D;
}

/* --- ADD LINKS --- */

/* --- CHART PAGE --- */
#charts
{
	
}

#charts .chartdescription
{
	padding: 15px;
	margin:0 10px;
	background: url('../images/filter_back.png') repeat-x top left; 
	height: 80px;
}

#charts img 
{
	padding: 0 10px;
}
#charts h5 
{
	font-size: 20px;
	font-weight: normal;
}

#charts h5 a, h5 a:hover
{
	color: black;
	text-decoration: none;
}

#charts p
{
	font-size: 15px;
	padding-top: 10px;
}

/* --- CHART PAGE --- */

/* ---- EXCHANGE RATE LISTS---- */

#ratelist 
{
	padding-top: 10px;
}

#ratelist table th {
   color: black;
   background: #f0f0f0;
   border-bottom: 1px solid #e8e8e8;
   margin: 5px 0px 5px 0px;
   padding: 5px 5px 5px 5px;
   font-size: 13px;  
   width:20%;
   
}

#ratelist table td {
	font-size: 12px;
	font-family: Arial, Verdana, "Times New Roman";
	padding: 2px 0;
}

/* ---- EXCHANGE RATE LISTS---- */

/* ---- CATEGORIES LIST---- */

#categorieslist 
{
	padding-top: 10px;
}

#categorieslist table th {
   color: black;
   background: #f0f0f0;
   border-bottom: 1px solid #e8e8e8;
   margin: 2px 0px;
   padding: 5px;
   font-size: 13px;  
}

#categorieslist table td {
	font-size: 12px;
	font-family: Arial, Verdana, "Times New Roman";
	padding: 2px 0;
	border-bottom: 1px dashed #f0f0f0;	
}

/* ---- EXCHANGE RATE LISTS---- */


/* ---- TICKETS ---- */

#ticketcontainer .highlight 
{
	text-transform: uppercase;
	font-size: 11px;
	padding: 1px 4px;
	margin: 5px;
	color: white;
}

#ticketcontainer 
{
	color: black;
}

#ticketcontainer .ticketstatus1
{
	background: #77aee8;
}

#ticketcontainer .ticketstatus2
{
	background: #ffcc5c;
}

#ticketcontainer .ticketstatus3
{
	background: #90ad4b;
}

#ticketcontainer .ticketstatus4
{
	background: #a74436;
}

#ticketcontainer .ticketstatus5
{
	background: #ff844b;
}

#ticketcontainer .ticketstatus6
{
	background: #8ea106;
}

#ticketcontainer 
{
	padding: 5px 5px;
}
#ticketcontainer h1
{
	font-size: 18px;
	color: #FFF;
	background:#790D27;
	display: inline;
	width: 80%;
}

#ticketcontainer h1 a
{
	color: #FFF;
	background:#790D27;
	text-decoration: none;
	padding:1px 5px;
}
#ticketcontainer h1 a:hover
{
	color: #790D27;
	background:#FFF;
	text-decoration: none;
}

#ticketcontainer .ticketinfo 
{
	padding-top: 20px;
}

#ticketcontainer .ticketuserinfo 
{
	padding:10px;
	float: left;
	text-align: center;
	width: 10%;
}

#ticketcontainer .ticketdetails
{
	float: right;
	width: 85%;
}

#ticketcontainer a.detail
{
	text-decoration: none;
	font-weight: bold;
}

#ticketcontainer .ticketfooter
{
	background: #ebebeb;
	padding: 5px 5px;
}

#inputcontainer 
{
	margin: 10px 10px 35px 10px;
}

#inputcontainer h1
{
	font-size: 24px;
	font-weight: normal;
	border-bottom: 1px solid #CCC;
}

#inputcontainer table
{
	padding: 5px 20px 0 10px;
}

#inputcontainer table td
{
	padding: 2px 15px ;
}

#inputcontainer label
{
	font-size: 14px;	
	float: left;
	padding-right: 10px;
	width: 150px;
	padding-bottom: 2px;
}

#formNewTicket label.error
{
	padding-left: 160px;
	width: 300px;
	color: #BA1936;
}

#formNewTicket input.error, textarea.error
{
	border-color: #BA1936 !important;
}

#inputcontainer .inputCtrl
{
	border: 2px solid #CCCCCC;
	font-size: 16px;
	width: 480px;
}

#inputcontainer .textAreaHeight70 { height: 70px;}
#inputcontainer .textAreaHeight130 { height: 130px;}
#inputcontainer .textAreaHeight200 { height: 200px;}

#inputcontainer .inputSmallText
{
	border: 2px solid #CCCCCC;
	font-size: 18px;
	width: 270px;
}

#inputcontainer .inputTinyText
{
	border: 2px solid #CCCCCC;
	font-size: 14px;
	width: 50px;
}


#inputcontainer .selectCtrl
{
	border: 2px solid #CCCCCC;
	width: 180px;
}

#inputcontainer input.error, textarea.error
{
	border-color: #BA1936 !important;
}

#formNewTicketComment label.error
{
	color: #BA1936;
	width: 300px;
}

#ticketcomments 
{
	padding-top:10px;
}

#ticketcomments h1 
{
	color: #000;
	background: #FFF;
	font-size: 22px;
	font-weight: normal;
	
}

#ticketcomments .ticketcommentinfo
{
	border-top: 1px dotted #ccc;		
	float: left;
	padding: 20px 0;
	width:65%;
}

#ticketcomments .ticketcommentuserinfo
{
	float:right;	
	font-size: 13px;
	padding: 10px 5px;
	width: 30%;
}

#ticketcomments .ticketcommentuserinfo img
{
	float: left;
	margin-right: 5px;
}

#ticketcomments .ticketcommentedit
{
	padding-top: 15px;
}

#ticketcomments .ticketcommentedit a 
{
	color: #000;	
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

/* ---- TICKETS ---- */

/* ---- TICKETS PLUGIN ---- */
#tickets 
{
	padding: 5px 0;
}

#tickets a 
{
	color: #FFF;
	background: #BA1936;
	font-size: 15px;
	display :inline;
	text-decoration: none;
	padding: 2px 4px;
	line-height: 22px;
}

#tickets p
{
	font-size: 11px;
	padding: 5px 5px;
}

#ticketcomments
{
	padding: 5px 0;
}

#ticketcomments p
{
	font-size: 13px;
	padding: 5px 0 5px 5px;
}

#ticketcomments p a
{
	text-decoration: none;	
}

#ticketcomments span
{
	font-size: 11px;
	font-weight: bold;
}

#ticketcomments img
{
	float: left;
	margin: 2px 5px 2px 0;
}

/* ---- TICKETS PLUGIN ---- */

/* ---- BANKS PAGE---- */
#bankadmintable a
{
	text-decoration: none;
	color: #666;
}
/* ---- BANKS PAGE---- */

/* ----- CATEGORIES PAGE ----- */

#transactioncategories 
{
	width: 95%;
	margin: 15px;
	border-collapse: collapse;
	border-color: #dfe1e0;
}

#transactioncategories td
{
	padding: 5px;
	
}

#transactioncategories .title
{
	font-size: 18px;
}

#transactioncategories tr.odd td { cursor:pointer;}
#transactioncategories div.arrow { background:transparent url(../images/arrow_down.png) no-repeat ; width:16px; height:16px; display:block;}
#transactioncategories div.up {background:transparent url(../images/arrow_up.png) no-repeat  !important;}

#transactioncategories span.link 
{
	text-decoration:none;
	color: black;
	padding: 2px;
	cursor: pointer;
}

#transactioncategories ul 
{
	font-size: 15px;
}

#transactioncategories ul li
{
	/*background: url(images/bullet.gif) 0em 0.5em no-repeat; /* change background em accordingly */
	border-bottom: 1px dashed #ccc;
	list-style: none;
	padding: 5px 0px 2px 20px;
}

#transactioncategories div.remove 
{
	float: right;
	padding-right: 50px;
	background:transparent url(../images/remove.gif) no-repeat;
}

#transactioncategories div.remove a
{
	text-decoration: none;
	color: black;
	padding-left: 25px;
}



#transactioncategories tr.header
{
	background: #056187;
	padding: 2px;
	color: #FFF;
	font-weight: bold;
}

#transactioncategories form 
{
	padding: 5px 0 15px 10px;
}

#transactioncategories div.formadd
{
	background: #FFF;
}

#transactioncategories input.button_submit
{
	position: relative;
	top: 9px;
	left: 5px;
}

#transactioncategories input.inputCtrl
{
	border:2px solid #CCCCCC;
	font-size:16px;
	width:150px;
}

#transactioncategories .error_message
{
	display: inline;
	padding-left: 20px;
	color: #BA1936;
}
/* ----- CATEGORIES PAGE ----- */

/* ----- CHARTS PAGE ----- */

#flashcharts .chart
{
}
#flashcharts .table{ padding: 0 15px; }
#flashcharts .table table
{
	
	width: 80%;
	float: right;
}

img.handle {
cursor:move;
position:relative;
margin-left:1px;
top:14px;
}