gitlabFork/ISPConfig3.git - Solinfo Gitblit

Merged revisions 3803-3844 from stable branch.

tbrehm

2013-02-22 526b997c9891a796b152cdbab8e329b356b1f596

commit \| author \| age
fab45e	1	@charset "UTF-8";
C	2	/*
	3	Document : styles.css
	4	Created on : 06.07.2012, 12:21:59
	5	Author : Christian Foellmann (foe-services.de)
	6	Description:
	7	Basis was css-code from the "ISPConfig 3: default theme" which was based on
	8	"Yet Another Multicolumn Layout" - (X)HTML/CSS Framework 3.0.6
	9	by Copyright 2005-2008, Dirk Jesse (http://www.yaml.de)
	10	*/
	11
	12	/* overall
	13	-------------------------------------------------------------- */
	14	* {
	15	margin: 0;
	16	padding: 0;
	17	}
5889ff	18	html * { font-size: 100.01% }
C	19	body {
	20	font-family: "Trebuchet MS", sans-serif;
	21	font-size: 75.00%;
	22	color: #444;
	23	background: url("../images/screen_bg.png") repeat-x top left fixed #EEEEEE;
	24	padding: 10px 0;
	25	}
a9c5c1	26	ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
C	27	li { margin-left: 1.5em; line-height: 1.5em }
	28	dt { font-weight: bold }
	29	dd { margin: 0 0 1em 2em }
	30	a {
	31	color: #4D87C7;
	32	text-decoration:none;
fab45e	33	}
5889ff	34	a:focus,
C	35	a:hover,
a9c5c1	36	a:active {
C	37	color:#182E7A;
	38	text-decoration:underline;
	39	}
5889ff	40	hr {
C	41	color: #fff;
	42	background:transparent;
	43	margin: 0 0 0.5em 0;
	44	padding: 0 0 0.5em 0;
	45	border:0;
	46	border-bottom: 1px #eee solid;
	47	}
a9c5c1	48	textarea, pre, tt, code {
C	49	font-family: Consolas,"Lucida Console","Courier New",monospace;
	50	font-size: 0.9em;
	51	}
5889ff	52
a9c5c1	53	h1,h2,h3,h4,h5,h6 {
C	54	font-family: "Trebuchet MS", sans-serif;
	55	font-weight:bold;
	56	color:#666;
	57	margin: 0 0 0.25em 0;
	58	}
	59	h1 { font-size: 200% } /* 24px */
	60	h2 { font-size: 200% } /* 24px */
	61	h3 { font-size: 150% } /* 18px */
	62	h4 { font-size: 133.33% } /* 16px */
	63	h5 { font-size: 116.67% } /* 14px */
	64	h6 { font-size: 116.67%; font-style:italic } /* 14px */
5889ff	65
a9c5c1	66	p { line-height: 1.5em; margin: 0 0 1em 0; }
5889ff	67
a9c5c1	68	cite, blockquote { font-style:italic }
C	69	blockquote { margin: 0 0 1em 1.5em }
5889ff	70
a9c5c1	71	strong,b { font-weight: bold }
C	72	em,i { font-style:italic }
	73
	74	pre, code { font-family: monospace; font-size: 1.1em; }
	75
	76	acronym, abbr {
	77	letter-spacing: .07em;
	78	border-bottom: .1em dashed #c00;
	79	cursor: help;
	80	}
	81
	82	header, #nav, #main, footer {
	83	clear: both;
	84	}
5889ff	85	#page {
C	86	min-width: 980px;
	87	max-width: 80%;
	88	background: #fff;
	89	text-align:left;
	90	margin: 0 auto;
	91	padding: 10px;
a9c5c1	92	}
C	93	.skip, .hideme, .print {
	94	height: 1px;
	95	left: -1000em;
	96	position: absolute;
	97	top: -1000em;
	98	width: 1px;
5889ff	99	}
fab45e	100
C	101	/* header
	102	-------------------------------------------------------------- */
	103	header {
	104	position: relative;
	105	color: #faf0e6;
	106	padding: 15px 2em 5px 20px;
5889ff	107	background: url("../images/header_bg.png") repeat-x top left #9a9a9a;
fab45e	108	}
C	109	header h1 {
	110	font-size:2.5em;
	111	letter-spacing:-2px;
	112	line-height:65%;
	113	color: silver;
	114	}
	115	header span {
	116	color: #333333;
	117	}
	118
	119	/* header/topsubnav
	120	-------------------------------------------------------------- */
	121	#topsubnav {
	122	position:absolute;
	123	top: 10px;
	124	right: 10px;
	125	text-align: right;
	126	}
a9c5c1	127	#topsubnav a {
C	128	color: #f0f8ff;
	129	font-weight: normal;
	130	background:transparent;
	131	text-decoration:none;
	132	}
fab45e	133	#topsubnav a:focus,
C	134	#topsubnav a:hover,
a9c5c1	135	#topsubnav a:active {
C	136	text-decoration:underline;
	137	background-color: transparent;
	138	}
fab45e	139
C	140	/* nav
	141	-------------------------------------------------------------- */
	142	#topNav ul {
	143	list-style: none;
	144	padding: 0 0 0 20px;
	145	margin: 0;
	146	background: #9a9a9a
	147	}
	148
	149	#topNav ul li {
	150	display: inline;
	151	margin: 0 2px 0 0;
	152	}
	153
	154	#topNav a {
a9c5c1	155	background: url("../icons/x32_sprite.png") no-repeat #D3D3D3;
fab45e	156	color:black;
C	157	display:inline-block;
	158	height:20px;
	159	padding-top:37px;
	160	text-align:center;
	161	text-decoration:none;
b81e1a	162	min-width:78px;
fab45e	163	}
C	164
	165	#topNav a:hover {
	166	background-color: #eeeeee;
	167	color: #000000;
	168	}
b81e1a	169
fab45e	170	#topNav #topNav_current a {
C	171	font-weight: bold;
	172	color: black;
	173	background-color: #ffffff;
	174	}
a9c5c1	175	.topnav-tools { background-position: 22px -10px !important; }
5889ff	176	.topnav-admin { background-position: 22px -74px !important; }
a9c5c1	177	.topnav-sites { background-position: 22px -523px !important; }
C	178	.topnav-monitor { background-position: 22px -585px !important; }
	179	.topnav- { background-position: 22px -650px !important; }
	180	.topnav-help { background-position: 22px -715px !important; }
5889ff	181	.topnav-mail { background-position: 22px -780px !important; }
C	182	.topnav-mailuser { background-position: 22px -780px !important; }
	183	.topnav-vm { background-position: 22px -842px !important; }
a9c5c1	184	.topnav-domain { background-position: 22px -905px !important; }
C	185	.topnav-dns { background-position: 22px -970px !important; }
	186	.topnav-dashboard { background-position: 22px -1035px !important; }
	187	.topnav-client { background-position: 22px -1098px !important; }
5889ff	188	.topnav-billing { background-position: 22px -1162px !important; }
b81e1a	189	#topNav a span {
C	190	padding: 0 3px;
	191	}
fab45e	192	/* main
C	193	-------------------------------------------------------------- */
	194	#main {
	195	background: #fff;
	196	padding: 1em 0;
	197	}
	198
	199	/* main/sideNav + submenu
	200	-------------------------------------------------------------- */
a9c5c1	201	#sideNav {
C	202	width: 200px;
	203	float:left;
	204	padding: 0 10px 0 0;
fab45e	205	}
C	206
	207	#submenu {
	208	width: 100%;
	209	overflow: hidden;
	210	margin: 0px;
	211	list-style-type: none;
	212	border-bottom: 2px #ddd solid;
	213	}
	214
a9c5c1	215	#submenu ul {
C	216	list-style-type: none;
	217	margin:0;
	218	padding: 0;
	219	}
	220	#submenu li {
	221	float:left;
	222	width: 100%;
	223	margin:0;
	224	padding: 0;
	225	font-size:0.9em;
	226	}
fab45e	227
C	228	#submenu a,
	229	#submenu strong {
	230	display:block;
	231	width: 90%;
	232	padding: 2px 0px 2px 10%;
	233	text-decoration: none;
	234	background-color:#fff;
	235	color: #444;
	236	border-bottom: 1px #eee solid;
	237	}
	238
	239	/* Menu Title */
	240	#submenu li.title {
	241	width: 100%;
	242	padding: 0px;
	243	font-weight: bold;
	244	color: #444;
	245	background-color: #fff;
	246	border-top: 2px #888 solid;
	247	font-size: 1.1em;
	248	}
	249
	250	#submenu li.title a {
	251	background-color: #f0f8ff;
	252	color: #444;
	253	}
	254	#submenu li.title a:hover {
	255	color: white;
	256	}
	257
	258	#submenu li span {
	259	display:block;
	260	width: 90%;
	261	padding: 3px 0px 3px 10%;
	262	font-weight: bold;
	263	border-bottom: 1px #ddd solid;
	264	}
	265
	266	/* Level 1 */
	267	#submenu li.active,
	268	#submenu li strong {
	269	width: 90%;
	270	padding: 3px 0px 3px 10%;
	271	font-weight: bold;
	272	color: #fff;
	273	background-color:#aab;
	274	border-bottom: 1px #eee solid;
	275	}
	276
a9c5c1	277	#submenu li a {
C	278	width: 90%;
	279	padding-left: 10%;
	280	background-color:#fff;
	281	color: #444;
	282	}
fab45e	283	#submenu li a:focus,
C	284	#submenu li a:hover,
a9c5c1	285	#submenu li a:active {
C	286	background-color:#f63;
	287	color: #fff;
	288	}
fab45e	289
C	290	/* Form-Elements in the Menu*/
	291	#submenu * select#server_id {
	292	margin: 3px 10%;
	293	padding: 1px;
	294	width: 80%;
	295	}
	296
	297	/* main/content
	298	-------------------------------------------------------------- */
	299	#content {
	300	margin-left: 200px;
	301	margin-right: 0;
	302	padding: 0px 10px 10px 20px;
	303	border-left: 1px #ddd solid;
	304	}
	305
	306	/* footer
	307	-------------------------------------------------------------- */
	308
	309	footer {
	310	color:#666;
	311	background: #f9f9f9;
	312	padding: 10px 20px;
	313	border-top: 5px #efefef solid;
	314	font-size: 0.8em;
	315	text-align: center;
	316	}
a9c5c1	317	footer a {
C	318	color: #999;
	319	background:transparent;
	320	font-weight: bold;
	321	}
fab45e	322	footer a:hover, footer a:active {
C	323	color: #4D87C7;
	324	background-color: transparent;
	325	text-decoration:underline;
	326	}
	327
	328	/* Set a background-color, no system backgorund used anymore */
	329	select, input, textarea {
	330	background: #FFFFFF;
	331	border: 1px solid #DFDFDF;
	332	padding: 1px;
	333	outline:none;
	334	}
	335
	336	table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
	337	table.full { width: 100%; }
	338	table.fixed { table-layout:fixed }
	339
a9c5c1	340	table.list td {
C	341	max-width: 350px;
	342	min-width: 32px;
	343	white-space: nowrap;
	344	overflow:hidden;
	345	text-overflow: ellipsis;
	346	-o-text-overflow: ellipsis;
	347	-icab-text-overflow: ellipsis;
	348	-khtml-text-overflow: ellipsis;
	349	-moz-text-overflow: ellipsis;
	350	-webkit-text-overflow: ellipsis;
fab45e	351	}
a9c5c1	352	th,
C	353	td {
	354	padding: 0.5em;
	355	text-align:left;
	356	}
	357	thead th {
	358	background: #444 url("../images/lists_thead_bg.png") repeat-x;
	359	color: #fff;
	360	}
	361	tbody th {
	362	background: #ccc;
	363	color: #333;
	364	}
	365	tbody th.sub {
	366	background: #ddd;
	367	color: #333;
	368	}
c513fa	369	table.list th[class$="_pid"],
C	370	table.list td[class$="_pid"],
	371	table.list th[class$="_active"],
	372	table.list td[class$="_active"],
	373	table.list th.tbl_col_autoresponder,
	374	table.list td.tbl_col_autoresponder {
	375	width: 70px;
	376	text-align: center;
	377	}
	378	table.list .tbl_col_buttons,
	379	table.list .tbl_col_limit {
	380	width: 150px;
	381	}
	382	.tbl_col_client_pid input {
	383	width: 50px;
	384	}
a9c5c1	385	.pnl_listarea th[class^="tbl_col"] { cursor:pointer; }
C	386	.pnl_listarea th[class^="tbl_col"]:hover { background-position:0 -15px!important; }
	387
	388	.pageForm_description { font-size: 12px; }
fab45e	389
C	390	/* Tab-Box */
a9c5c1	391	.tabbox_tabs { border-bottom: 1px solid #d3d3d3; }
fab45e	392	.tabbox_tabs ul {
C	393	list-style: none;
	394	padding: 0;
	395	margin: 0;
	396	}
	397	.tabbox_tabs li {
	398	display: inline;
	399	margin: 0 2px 0 0;
	400	}
	401	.tabbox_tabs a {
	402	padding: 0 1em;
	403	text-decoration: none;
	404	color: black;
	405	background: #d3d3d3;
	406	border: 1px solid #d3d3d3;
	407	}
	408	.tabbox_tabs a:hover {
	409	background: #fc0;
	410	color: #540;
	411	}
	412	.tabbox_tabs .active a {
	413	font-weight: bold;
	414	color: #ff6600;
	415	background: #ffffff;
	416	}
	417	.pnl_toolsarea fieldset, .pnl_listarea fieldset, .pnl_formsarea fieldset {
	418	border-top: 1px solid #949494;
	419	margin: 20px 0;
	420	}
	421	.pnl_toolsarea fieldset legend , .pnl_listarea fieldset legend {
	422	font-weight: bold;
	423	color: #6299c5;
	424	}
	425	.pnl_formarea fieldset {
	426	font-weight: bold;
	427	}
	428	/* hide line and legend when inside tabbed content */
	429	#tabbox_content * .pnl_toolsarea fieldset, #tabbox_content * .pnl_listarea fieldset, #tabbox_content * .pnl_formsarea fieldset { border: none !important; }
	430	#tabbox_content * .pnl_toolsarea fieldset legend, #tabbox_content * .pnl_listarea fieldset legend, #tabbox_content * .pnl_formsarea fieldset legend { display: none !important; }
	431	.codeview {
	432	margin:20px 0;
	433	padding:2px;
	434	border: 1px solid #ffcc00;
	435	background: #fffaea;
	436	font-family: Consolas, "Lucida Console", "Courier New", monospace;
	437	font-size: 0.9em;
	438	}
	439	/* Lists */
	440	table.list {
	441	width: 100%;
	442	border: 1px solid #d3d3d3 !important;
	443	}
	444	table.list thead th { font-size: 10px; }
	445	table.list tbody { border: 1px solid #d3d3d3 !important; }
5889ff	446	table.list tfoot td { text-align: center; background: #f8f8f8 url("../images/lists_tfoot_bg.png") repeat-x bottom left; padding: 24px 8px 8px 8px; }
72695f	447	table.list .tbl_paging img { vertical-align: top; }
fab45e	448	table.list .tbl_row_even { background: #fcfcfc; }
C	449	table.list .tbl_row_uneven { background: #f0f8ff; }
	450	table.list tr:hover { background: #fffacd; }
	451	table.list td { word-wrap:break-word;white-space:pre-wrap; }
526b99	452	table.list td.tbl_col_buttons { word-wrap:normal;white-space:normal;overflow:visible; }
fab45e	453
C	454	/* Password Strength */
	455	#passBar {
	456	width: 101px; height: 10px;
5889ff	457	background: url("../images/meter_bg.gif") repeat-x bottom left;
fab45e	458	margin: 2px 0;
C	459	float: left;
	460	}
	461	#passText {
	462	padding: 0;
	463	float: left;
	464	}
	465
	466	/* Systemmonitor */
a9c5c1	467	.systemmonitor-server,
C	468	.systemmonitor-ve,
fab45e	469	.systemmonitor-state {
C	470	margin: 10px 5px;
	471	font-family: Consolas, "Lucida Console", "Courier New", monospace;
	472	font-size: 0.9em;
	473	float: left;
	474	width: 100%;
	475	}
a9c5c1	476	.systemmonitor-server:hover,
C	477	.systemmonitor-vm:hover { background-color: #FFFACD; }
	478	.state-no_state,
	479	.state-no_state-ve {
fab45e	480	border-top: 4px solid #95A19F;
C	481	background-color: #f8f8ff;
	482	}
a9c5c1	483	.state-unknown,
C	484	.state-unknown-ve {
fab45e	485	border-top: 4px solid #30302e;
C	486	background-color: #cecfc5;
	487	}
a9c5c1	488	.state-ok,
C	489	.state-ok-ve {
fab45e	490	border-top: 4px solid #23fb00;
C	491	background-color: #adffa2;
	492	}
a9c5c1	493	.state-info,
C	494	.state-info-ve {
fab45e	495	border-top: 4px solid #183e99;
C	496	background-color: #d4e2ff;
	497	}
a9c5c1	498	.state-warning,
C	499	.state-warning-ve {
fab45e	500	border-top: 4px solid #ffa800;
C	501	background-color: #ffda93;
	502	}
a9c5c1	503	.state-critical,
C	504	.state-critical-ve {
fab45e	505	border-top: 4px solid #ff0000;
C	506	background-color: #ffb9b9;
	507	}
a9c5c1	508	.state-error,
C	509	.state-error-ve {
fab45e	510	border-top: 4px solid #ff0000;
C	511	background-color: #ff7f7f;
a9c5c1	512	}
C	513	div.icoDevice {
fab45e	514	float: left;
a9c5c1	515	width: 64px;
C	516	height: 64px;
	517	margin: 5px;
	518	background: url("../icons/device_sprite.png") no-repeat transparent;
fab45e	519	}
a9c5c1	520	.systemmonitor-server div.icoDevice { background-position: 0 0; }
C	521	.systemmonitor-ve div.icoDevice { background-position: -64px 0; }
	522	.systemmonitor-network div.icoDevice { background-position: -128px 0; }
	523	div.statusDevice,
	524	div.statusMsg { float: left; }
	525	div.statusMsg p {
fab45e	526	float: left;
a9c5c1	527	padding: 5px;
fab45e	528	}
a9c5c1	529	.systemmonitor-state .status {
fab45e	530	margin: 5px;
C	531	}
a9c5c1	532	.status {
C	533	float: right;
	534	width: 32px;
	535	height: 32px;
	536	background: url("../icons/x32_sprite.png") no-repeat transparent;
fab45e	537	}
a9c5c1	538	div.status {
C	539	float: left !important;
fab45e	540	}
a9c5c1	541	.state-warning .status,
C	542	.state-warning-ve .status { background-position: 0 -143px; }
	543	.state-no_state .status,
	544	.state-no_state-ve .status,
	545	.state-unknown .status,
	546	.state-unknown-ve .status { background-position: 0 -207px; }
	547	.state-ok .status,
	548	.state-ok-ve .status { background-position: 0 -270px; }
	549	.state-info .status,
	550	.state-info-ve .status { background-position: 0 -336px; }
	551	.state-error .status,
	552	.state-error-ve .status { background-position: 0 -400px; }
	553	.state-critical .status,
	554	.state-critical-ve .status { background-position: 0 -463px; }
fab45e	555
a9c5c1	556	/* Usage unknown
fab45e	557	.systemmonitor-content table {
C	558	border: none;
	559	margin-top: 10px;
	560	}
	561
	562	.systemmonitor-content * .online {
	563	border: 1px solid #ffffff;
	564	background-color: #E3FFB8;
	565	color: #000000;
	566	padding:0px 5px;
	567	}
	568	.systemmonitor-content * .offline {
	569	border: 1px solid #ffffff;
	570	background-color: #d12f19;
	571	color:#ffffff;
	572	padding:0px 5px;
a9c5c1	573	}*/
fab45e	574
C	575	/* Dashboard */
	576	.dashboard-modules {
	577	float:left;
	578	width:60px;
	579	height: 60px;
	580	border:1px dotted #888888;
	581	background-color: #cccccc;
	582	margin:10px;
	583	background-position: center 5px;
	584	background-repeat: no-repeat;
	585	text-align: center;
	586	}
5889ff	587	.dashboard-modules a,
C	588	.dashboard-modules a:hover {
a9c5c1	589	background: url("../icons/x32_sprite.png") no-repeat transparent;
fab45e	590	color:Black;
C	591	display:block;
	592	font-weight:bold;
	593	height:30px;
	594	padding-top:42px;
	595	width:60px;
	596	text-decoration: none;
	597	}
5889ff	598	.dashboard-modules.tools a { background-position: 12px -9px; }
a9c5c1	599	.dashboard-modules.admin a { background-position: 12px -73px; }
5889ff	600	.dashboard-modules.sites a { background-position: 12px -520px; }
a9c5c1	601	.dashboard-modules.monitor a { background-position: 13px -585px; }
C	602	.dashboard-modules.help a { background-position: 13px -716px; }
	603	.dashboard-modules.mail a { background-position: 12px -776px; }
	604	.dashboard-modules.vm a { background-position: 14px -842px; }
	605	.dashboard-modules.domain a { background-position: 12px -905px; }
	606	.dashboard-modules.dns a { background-position: 12px -970px; }
	607	.dashboard-modules.client a { background-position: 13px -1096px; }
5889ff	608	.dashboard-modules.billing a { background-position: 14px -1162px; }
fab45e	609
a9c5c1	610	.panel_dashboard h2 { font-size:20px; }
fab45e	611
C	612	/* Image-Replacement */
	613	.swap { background-repeat:no-repeat; }
	614	.swap span { display:none; height:16px; }
a9c5c1	615	#ir-HeaderLogo {
C	616	background-image: url("../images/header_logo.png");
	617	height:32px;
	618	margin:0 0 0.2em;
	619	}
4f9c38	620	div#ir-Yes,
C	621	div#ir-No {
	622	text-align: center;
	623	background: url("../icons/x16_sprite.png") no-repeat transparent;
	624	}
a9c5c1	625	#ir-Yes {
c513fa	626	background-position: center -342px !important;
4f9c38	627	height: 16px;
C	628	}
a9c5c1	629	#ir-No {
c513fa	630	background-position: center -362px !important;
4f9c38	631	height: 16px;
C	632	}
	633	.swap {
	634	background-repeat: no-repeat;
	635	}
	636	.swap span {
	637	display: none;
	638	height: 16px;
	639	}
fab45e	640	/* BUTTONS */
ffe842	641	a.button,
5889ff	642	.button,
C	643	.buttons button {
ffe842	644	display: inline-block;
C	645	margin: 0 2px;
	646	padding: 2px 5px;
	647	color: #525252;
	648	text-shadow: 0px 1px 1px #fff;
	649	border: 1px solid #c6c6c6;
	650	border-radius: 4px;
5889ff	651	background-color: #f7f7f7;
ffe842	652	box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
C	653	-o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
	654	-webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
	655	-moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
	656	text-decoration: none;
	657	}
	658	a.button:focus,
5889ff	659	input.button:focus,
C	660	.buttons button:focus {
ffe842	661	border-color: #4fadd5;
C	662	box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
	663	-moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
	664	-webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
	665	-o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
	666	outline: none;
	667	}
fab45e	668	.buttons button[type]{
C	669	padding:5px 10px 5px 7px; /* Firefox */
	670	line-height:17px; /* Safari */
4bd960	671	white-space: nowrap;
fab45e	672	}
C	673	*:first-child+html button[type]{
	674	padding:4px 10px 3px 7px; /* IE7 */
	675	}
a9c5c1	676	.buttons button img,
C	677	.buttons a img {
fab45e	678	margin:0 3px -3px 0 !important;
C	679	padding:0;
	680	border:none;
	681	width:16px;
	682	height:16px;
	683	}
c72149	684	.topbuttons {
C	685	margin-bottom: 10px;
	686	}
fab45e	687	/* BUTTONS STANDARD */
a9c5c1	688	button:hover,
C	689	.buttons a:hover {
fab45e	690	background-color:#dff4ff;
C	691	border:1px solid #c2e1ef;
	692	color:#336699;
	693	}
a9c5c1	694	.buttons a:active {
fab45e	695	background-color:#6299c5;
C	696	border:1px solid #6299c5;
	697	color:#fff;
	698	}
	699
	700	/* BUTTONS POSITIVE */
a9c5c1	701	button.positive,
C	702	.buttons a.positive { color:#529214; }
	703	.buttons a.positive:hover,
	704	button.positive:hover {
fab45e	705	background-color:#E6EFC2;
C	706	border:1px solid #C6D880;
	707	color:#529214;
	708	}
a9c5c1	709	.buttons a.positive:active {
fab45e	710	background-color:#529214;
C	711	border:1px solid #529214;
	712	color:#fff;
	713	}
	714
	715	/* BUTTONS NEGATIVE */
a9c5c1	716	.buttons a.negative,
C	717	button.negative {
fab45e	718	color:#d12f19;
C	719	}
a9c5c1	720	.buttons a.negative:hover,
C	721	button.negative:hover {
fab45e	722	background-color:#fbe3e4;
C	723	border:1px solid #fbc2c4;
	724	color:#d12f19;
	725	}
a9c5c1	726	.buttons a.negative:active {
fab45e	727	background-color:#d12f19;
C	728	border:1px solid #d12f19;
	729	color:#fff;
	730	}
	731
	732	/* Button with icon and text */
a9c5c1	733	.iconstxt { background: url("../icons/button_sprite.png") no-repeat transparent; }
5889ff	734	.iconstxt span { padding-left: 20px; font-weight: bold; }
C	735	.iconstxt.icoPositive { background-position: 6px -130px; }
	736	.iconstxt.icoNegative { background-position: 6px -98px; }
	737	.iconstxt.icoAdd { background-position: 6px -66px; }
	738	.iconstxt.icoKey { background-position: 6px -1px; }
	739	.iconstxt.icoDelete { background-position: 6px -34px; }
	740	.iconstxt.icoDownload { background-position: 6px -1px; }
	741	.iconstxt.icoRestore { background-position: 6px -1px; }
fab45e	742
C	743	/* Button with icon and without text */
72695f	744	.icons16 { position: relative; }
T	745	.icons16>span {
	746	opacity: 0;
	747	visibility: hidden;
	748	-webkit-transition: opacity 1s linear;
	749	-moz-transition: opacity 1s linear;
	750	-o-transition: opacity 1s linear;
	751	-ms-transition: opacity 1s linear;
	752	transition: opacity 1s linear;
	753	position: absolute;
	754	right: 23px;
	755	top: -1px;
	756	padding: 1px 2px;
	757	border: 1px solid rgb(155,155,11);
	758	background: rgb(255,255,111);
	759	white-space: nowrap;
	760	}
	761	.icons16:hover>span {
	762	opacity: 1.0;
	763	visibility: visible;
	764	}
5889ff	765	a.icons16 {
C	766	height: 18px;
	767	width: 18px;
	768	padding: 0;
a9c5c1	769	background: url("../icons/x16_sprite.png") no-repeat transparent;
5889ff	770	}
C	771	button.icons16 {
	772	height: 20px;
	773	width: 20px;
	774	padding: 0;
a9c5c1	775	background: url("../icons/x16_sprite.png") no-repeat transparent;
5889ff	776	}
a9c5c1	777	.icons16.icoEdit { background-position: -1px -1px; }
C	778	.icons16.icoLoginAs { background-position: -1px -21px; }
	779	.icons16.icoPDF { background-position: -1px -61px; }
4f9c38	780	.icons16.icoDelete { background-position: -1px -81px; }
C	781	.icons16.icoWebmailer { background-position: -1px -101px; }
5889ff	782	.icons16.icoFilter { background-position: -1px -161px; }
C	783	.icons16.icoDbAdmin { background-position: -1px -221px; }
	784	.icons16.icoAction { background-position: -1px -241px; }
526b99	785	.icons16.icoLink { background-position: -1px -422px; float: right; }
fab45e	786
c513fa	787	div.group-icon {
C	788	float: left;
	789	padding: 2px 0;
	790	}
	791	.group-admin,
	792	.group-user {
	793	height: 20px;
	794	width: 20px;
	795	padding: 0;
	796	float: left;
	797	background: url("../icons/x16_sprite.png") no-repeat transparent;
	798	}
	799	.group-admin { background-position: 0 -380px; }
	800	.group-user { background-position: 0 -400px; }
	801
bfcdef	802	span.marked { color: #cc0000; }
T	803	span.small { font-size: 0.9em; }
	804
fab45e	805	#ajaxloader {
a00888	806	position: absolute;
T	807	width: 325px;
	808	height: 150px;
	809	background: #ffffff url('../images/ajax-loader.gif') no-repeat center center;
	810	border: solid 2px #e1e1e1;
	811	border-radius: 10px;
	812	/background: rgba(255, 255, 255, 0.85);/
	813	padding: 20px;
fab45e	814	text-align:center;
a00888	815	z-index: 100;
fab45e	816	}
C	817	.blockLabel.email_at {
	818	width: 20px !important;
a9c5c1	819	margin: 1.6em 0.3em 0 0 !important;
fab45e	820	}
C	821	.textDisplay { display: block; }
	822
	823	/* Form Length Classes */
	824	.textInput.formLengthBool { width: 25px !important; }
	825	.selectInput.formLengthBool { width: 60px !important; }
	826	.textInput.formLengthLimit { width: 50px !important; }
	827	.selectInput.formLengthLimit { width: 85px !important; }
	828	.formLengthDate { width: 75px !important; }
	829	.formLengthIPv4 { width: 125px !important; }
	830	.formLengthIPv6 { width: 100% !important; }
	831	.formLengthEmailUser { width: 30% !important; }
	832	.formLengthEmailDomain { width: 30% !important; }
	833	.formLengthHalf { width: 15% !important; }
	834	.formLengthDouble { width: 50% !important; }
	835
	836	/* Individual Form Lengths */
a9c5c1	837	.textInput#username,
C	838	.textInput#password,
	839	.textInput#passwort,
	840	.textInput#source_password { width: 100px; }
fab45e	841	.selectInput#language { width: 75px; }
C	842	.selectInput#client_group_id, .selectInput#default_group { width: 125px; }
	843	input#refresh, input#retry, input#expire, input#minimum, input#ttl { width: 50px !important; }
	844
	845	/* --- */
	846
a9c5c1	847	a[href $="#logout"] {
C	848	padding-right: 20px;
4f9c38	849	background: url("../icons/x16_sprite.png") no-repeat right -143px transparent !important;
a9c5c1	850	}
fab45e	851
C	852	/* Select Menu with Images */
	853	select.withicons option {
	854	background-repeat:no-repeat;
	855	background-position: 1px;
	856	padding-left:24px;
	857	}
c513fa	858	div[class^=country-] {
C	859	background-image: url("../icons/flags_sprite.png");
	860	background-repeat: no-repeat;
	861	height: 20px;
	862	width: 26px;
	863	}
4bd960	864	li[class^=country-] {
T	865	background-image: url("../icons/flags_sprite.png");
	866	background-repeat: no-repeat;
	867	text-indent: 24px;
	868	}
	869	li[class^=country-] a.ui-state-hover { background: transparent; }
c513fa	870	div[class^=country-] span {
C	871	display: none;
	872	}
fab45e	873	select.flags option {
C	874	background-image: url("../icons/flags_sprite.png");
	875	background-repeat: no-repeat;
	876	padding: 1px 0 1px 30px;
	877	}
	878	select.flags option[value=EL] {background-position:0 -1475px}
8f9240	879	select.flags option[value=AD], select.flags option[value=ad], .country-AD {background-position:0 -1px}
F	880	select.flags option[value=AE], select.flags option[value=ae], .country-AE {background-position:0 -23px}
c513fa	881	select.flags option[value=AF], select.flags option[value=af], .country-AF {background-position:0 -45px}
8f9240	882	select.flags option[value=AG], select.flags option[value=ag], .country-AG {background-position:0 -67px}
F	883	select.flags option[value=AI], select.flags option[value=ai], .country-AI {background-position:0 -89px}
	884	select.flags option[value=AL], select.flags option[value=al], .country-AL {background-position:0 -111px}
	885	select.flags option[value=AM], select.flags option[value=am], .country-AM {background-position:0 -133px}
	886	select.flags option[value=AN], select.flags option[value=an], .country-AN {background-position:0 -155px}
	887	select.flags option[value=AO], select.flags option[value=ao], .country-AO {background-position:0 -177px}
	888	select.flags option[value=AQ], select.flags option[value=aq], .country-AQ {background-position:0 -199px}
	889	select.flags option[value=AR], select.flags option[value=ar], .country-AR {background-position:0 -221px}
	890	select.flags option[value=AS], select.flags option[value=as], .country-AS {background-position:0 -243px}
	891	select.flags option[value=AT], select.flags option[value=at], .country-AT {background-position:0 -265px}
	892	select.flags option[value=AU], select.flags option[value=au], .country-AU {background-position:0 -287px}
	893	select.flags option[value=AW], select.flags option[value=aw], .country-AW {background-position:0 -309px}
	894	select.flags option[value=AX], select.flags option[value=ax], .country-AX {background-position:0 -331px}
	895	select.flags option[value=AZ], select.flags option[value=az], .country-AZ {background-position:0 -353px}
	896	select.flags option[value=BA], select.flags option[value=ba], .country-BA {background-position:0 -375px}
	897	select.flags option[value=BB], select.flags option[value=bb], .country-BB {background-position:0 -397px}
	898	select.flags option[value=BD], select.flags option[value=bd], .country-BD {background-position:0 -419px}
	899	select.flags option[value=BE], select.flags option[value=be], .country-BE {background-position:0 -441px}
	900	select.flags option[value=BF], select.flags option[value=bf], .country-BF {background-position:0 -463px}
	901	select.flags option[value=BG], select.flags option[value=bg], .country-BG {background-position:0 -485px}
	902	select.flags option[value=BH], select.flags option[value=bh], .country-BH {background-position:0 -507px}
	903	select.flags option[value=BI], select.flags option[value=bi], .country-BI {background-position:0 -529px}
	904	select.flags option[value=BJ], select.flags option[value=bj], .country-BJ {background-position:0 -551px}
	905	select.flags option[value=BM], select.flags option[value=bm], .country-BM {background-position:0 -573px}
	906	select.flags option[value=BN], select.flags option[value=bn], .country-BN {background-position:0 -595px}
	907	select.flags option[value=BO], select.flags option[value=bo], .country-BO {background-position:0 -617px}
	908	select.flags option[value=BR], select.flags option[value=br], .country-BR {background-position:0 -639px}
	909	select.flags option[value=BS], select.flags option[value=bs], .country-BS {background-position:0 -661px}
	910	select.flags option[value=BT], select.flags option[value=bt], .country-BT {background-position:0 -683px}
	911	select.flags option[value=BV], select.flags option[value=bv], .country-BV {background-position:0 -705px}
	912	select.flags option[value=BW], select.flags option[value=bw], .country-BW {background-position:0 -727px}
	913	select.flags option[value=BY], select.flags option[value=by], .country-BY {background-position:0 -749px}
	914	select.flags option[value=BZ], select.flags option[value=bz], .country-BZ {background-position:0 -771px}
	915	select.flags option[value=CA], select.flags option[value=ca], .country-CA {background-position:0 -793px}
	916	select.flags option[value=CC], select.flags option[value=cc], .country-CC {background-position:0 -837px}
	917	select.flags option[value=CD], select.flags option[value=cd], .country-CD {background-position:0 -859px}
	918	select.flags option[value=CF], select.flags option[value=cf], .country-CF {background-position:0 -881px}
	919	select.flags option[value=CG], select.flags option[value=cg], .country-CG {background-position:0 -903px}
	920	select.flags option[value=CH], select.flags option[value=ch], .country-CH {background-position:0 -925px}
	921	select.flags option[value=CI], select.flags option[value=ci], .country-CI {background-position:0 -947px}
	922	select.flags option[value=CK], select.flags option[value=ck], .country-CK {background-position:0 -969px}
	923	select.flags option[value=CL], select.flags option[value=cl], .country-CL {background-position:0 -991px}
	924	select.flags option[value=CM], select.flags option[value=cm], .country-CM {background-position:0 -1013px}
	925	select.flags option[value=CN], select.flags option[value=cn], .country-CN {background-position:0 -1035px}
	926	select.flags option[value=CO], select.flags option[value=co], .country-CO {background-position:0 -1057px}
	927	select.flags option[value=CR], select.flags option[value=cr], .country-CR {background-position:0 -1079px}
	928	select.flags option[value=CS], select.flags option[value=cs], .country-CS {background-position:0 -1101px}
	929	select.flags option[value=CU], select.flags option[value=cu], .country-CU {background-position:0 -1123px}
	930	select.flags option[value=CV], select.flags option[value=cv], .country-CV {background-position:0 -1145px}
	931	select.flags option[value=CX], select.flags option[value=cx], .country-CX {background-position:0 -1167px}
	932	select.flags option[value=CY], select.flags option[value=cy], .country-CY {background-position:0 -1189px}
	933	select.flags option[value=CZ], select.flags option[value=cz], .country-CZ {background-position:0 -1211px}
c513fa	934	select.flags option[value=DE], select.flags option[value=de], .country-DE {background-position:0 -1233px}
8f9240	935	select.flags option[value=DJ], select.flags option[value=dj], .country-DJ {background-position:0 -1255px}
F	936	select.flags option[value=DK], select.flags option[value=dk], .country-DK {background-position:0 -1277px}
	937	select.flags option[value=DM], select.flags option[value=dm], .country-DM {background-position:0 -1299px}
	938	select.flags option[value=DO], select.flags option[value=do], .country-DO {background-position:0 -1321px}
	939	select.flags option[value=DZ], select.flags option[value=dz], .country-DZ {background-position:0 -1343px}
	940	select.flags option[value=EC], select.flags option[value=ec], .country-EC {background-position:0 -1365px}
	941	select.flags option[value=EE], select.flags option[value=ee], .country-EE {background-position:0 -1387px}
	942	select.flags option[value=EG], select.flags option[value=eg], .country-EG {background-position:0 -1409px}
	943	select.flags option[value=EH], select.flags option[value=eh], .country-EH {background-position:0 -1431px}
bfcdef	944	select.flags option[value=ER], select.flags option[value=er], .country-ER {background-position:0 -1475px}
T	945	select.flags option[value=ES], select.flags option[value=es], .country-ES {background-position:0 -1497px}
	946	select.flags option[value=ET], select.flags option[value=ET], select.flags option[value=et], .country-ET {background-position:0 -1519px}
8f9240	947	select.flags option[value=FI], select.flags option[value=fi], .country-FI {background-position:0 -1585px}
F	948	select.flags option[value=FJ], select.flags option[value=fj], .country-FJ {background-position:0 -1607px}
	949	select.flags option[value=FK], select.flags option[value=fk], .country-FK {background-position:0 -1629px}
	950	select.flags option[value=FM], select.flags option[value=fm], .country-FM {background-position:0 -1651px}
	951	select.flags option[value=FO], select.flags option[value=fo], .country-FO {background-position:0 -1673px}
	952	select.flags option[value=FR], select.flags option[value=fr], .country-FR {background-position:0 -1695px}
	953	select.flags option[value=GA], select.flags option[value=ga], .country-GA {background-position:0 -1717px}
c513fa	954	select.flags option[value=GB], select.flags option[value=en], select.flags option[value=gb], .country-GB, .country-EN {background-position:0 -1739px}
8f9240	955	select.flags option[value=GD], select.flags option[value=gd], .country-GD {background-position:0 -1761px}
F	956	select.flags option[value=GE], select.flags option[value=ge], .country-GE {background-position:0 -1783px}
	957	select.flags option[value=GF], select.flags option[value=gf], .country-GF {background-position:0 -1805px}
	958	select.flags option[value=GH], select.flags option[value=gh], .country-GH {background-position:0 -1827px}
	959	select.flags option[value=GI], select.flags option[value=gi], .country-GI {background-position:0 -1849px}
	960	select.flags option[value=GL], select.flags option[value=gl], .country-GL {background-position:0 -1871px}
	961	select.flags option[value=GM], select.flags option[value=gm], .country-GM {background-position:0 -1893px}
	962	select.flags option[value=GN], select.flags option[value=gn], .country-GN {background-position:0 -1915px}
	963	select.flags option[value=GP], select.flags option[value=gp], .country-GP {background-position:0 -1937px}
	964	select.flags option[value=GQ], select.flags option[value=gq], .country-GQ {background-position:0 -1959px}
	965	select.flags option[value=GR], select.flags option[value=el], select.flags option[value=gr], .country-GR, .country-EL {background-position:0 -1981px}
	966	select.flags option[value=GS], select.flags option[value=gs], .country-GS {background-position:0 -2003px}
	967	select.flags option[value=GT], select.flags option[value=gt], .country-GT {background-position:0 -2025px}
	968	select.flags option[value=GU], select.flags option[value=gu], .country-GU {background-position:0 -2047px}
	969	select.flags option[value=GW], select.flags option[value=gw], .country-GW {background-position:0 -2069px}
	970	select.flags option[value=GY], select.flags option[value=gy], .country-GY {background-position:0 -2091px}
	971	select.flags option[value=HK], select.flags option[value=hk], .country-HK {background-position:0 -2113px}
	972	select.flags option[value=HM], select.flags option[value=hm], .country-HM {background-position:0 -2135px}
	973	select.flags option[value=HN], select.flags option[value=hn], .country-HN {background-position:0 -2157px}
	974	select.flags option[value=HR], select.flags option[value=hr], .country-HR {background-position:0 -2179px}
	975	select.flags option[value=HT], select.flags option[value=ht], .country-HT {background-position:0 -2201px}
	976	select.flags option[value=HU], select.flags option[value=hu], .country-HU {background-position:0 -2223px}
	977	select.flags option[value=ID], select.flags option[value=id], .country-ID {background-position:0 -2245px}
	978	select.flags option[value=IE], select.flags option[value=ie], .country-IE {background-position:0 -2267px}
	979	select.flags option[value=IL], select.flags option[value=il], .country-IL {background-position:0 -2289px}
	980	select.flags option[value=IN], select.flags option[value=in], .country-IN {background-position:0 -2311px}
	981	select.flags option[value=IO], select.flags option[value=io], .country-IO {background-position:0 -2333px}
	982	select.flags option[value=IQ], select.flags option[value=iq], .country-IQ {background-position:0 -2355px}
	983	select.flags option[value=IR], select.flags option[value=ir], .country-IR {background-position:0 -2377px}
	984	select.flags option[value=IS], select.flags option[value=is], .country-IS {background-position:0 -2399px}
	985	select.flags option[value=IT], select.flags option[value=it], .country-IT {background-position:0 -2421px}
	986	select.flags option[value=JM], select.flags option[value=jm], .country-JM {background-position:0 -2443px}
	987	select.flags option[value=JO], select.flags option[value=jo], .country-JO {background-position:0 -2465px}
	988	select.flags option[value=JP], select.flags option[value=ja], select.flags option[value=jp], .country-JP, .country-JA {background-position:0 -2487px}
	989	select.flags option[value=KE], select.flags option[value=ke], .country-KE {background-position:0 -2509px}
	990	select.flags option[value=KG], select.flags option[value=kg], .country-KG {background-position:0 -2531px}
	991	select.flags option[value=KH], select.flags option[value=kh], .country-KH {background-position:0 -2553px}
	992	select.flags option[value=KI], select.flags option[value=ki], .country-KI {background-position:0 -2575px}
	993	select.flags option[value=KM], select.flags option[value=km], .country-KM {background-position:0 -2597px}
	994	select.flags option[value=KN], select.flags option[value=kn], .country-KN {background-position:0 -2619px}
	995	select.flags option[value=KP], select.flags option[value=kp], .country-KP {background-position:0 -2641px}
	996	select.flags option[value=KR], select.flags option[value=kr], .country-KR {background-position:0 -2663px}
	997	select.flags option[value=KW], select.flags option[value=kw], .country-KW {background-position:0 -2685px}
	998	select.flags option[value=KY], select.flags option[value=ky], .country-KY {background-position:0 -2707px}
	999	select.flags option[value=KZ], select.flags option[value=kz], .country-KZ {background-position:0 -2729px}
	1000	select.flags option[value=LA], select.flags option[value=la], .country-LA {background-position:0 -2751px}
	1001	select.flags option[value=LB], select.flags option[value=lb], .country-LB {background-position:0 -2773px}
	1002	select.flags option[value=LC], select.flags option[value=lc], .country-LC {background-position:0 -2795px}
	1003	select.flags option[value=LI], select.flags option[value=li], .country-LI {background-position:0 -2817px}
	1004	select.flags option[value=LK], select.flags option[value=lk], .country-LK {background-position:0 -2839px}
	1005	select.flags option[value=LR], select.flags option[value=lr], .country-LR {background-position:0 -2861px}
	1006	select.flags option[value=LS], select.flags option[value=ls], .country-LS {background-position:0 -2883px}
	1007	select.flags option[value=LT], select.flags option[value=lt], .country-LT {background-position:0 -2905px}
	1008	select.flags option[value=LU], select.flags option[value=lu], .country-LU {background-position:0 -2927px}
	1009	select.flags option[value=LV], select.flags option[value=lv], .country-LV {background-position:0 -2949px}
	1010	select.flags option[value=LY], select.flags option[value=ly], .country-LY {background-position:0 -2971px}
	1011	select.flags option[value=MA], select.flags option[value=ma], .country-MA {background-position:0 -2993px}
	1012	select.flags option[value=MC], select.flags option[value=mc], .country-MC {background-position:0 -3015px}
	1013	select.flags option[value=MD], select.flags option[value=md], .country-MD {background-position:0 -3037px}
	1014	select.flags option[value=ME], select.flags option[value=me], .country-ME {background-position:0 -3059px}
	1015	select.flags option[value=MG], select.flags option[value=mg], .country-MG {background-position:0 -3081px}
	1016	select.flags option[value=MH], select.flags option[value=mh], .country-MH {background-position:0 -3103px}
	1017	select.flags option[value=MK], select.flags option[value=mk], .country-MK {background-position:0 -3125px}
	1018	select.flags option[value=ML], select.flags option[value=ml], .country-ML {background-position:0 -3147px}
	1019	select.flags option[value=MM], select.flags option[value=mm], .country-MM {background-position:0 -3169px}
	1020	select.flags option[value=MN], select.flags option[value=mn], .country-MN {background-position:0 -3191px}
	1021	select.flags option[value=MO], select.flags option[value=mo], .country-MO {background-position:0 -3213px}
	1022	select.flags option[value=MP], select.flags option[value=mp], .country-MP {background-position:0 -3235px}
	1023	select.flags option[value=MQ], select.flags option[value=mq], .country-MQ {background-position:0 -3257px}
	1024	select.flags option[value=MR], select.flags option[value=mr], .country-MR {background-position:0 -3279px}
	1025	select.flags option[value=MS], select.flags option[value=ms], .country-MS {background-position:0 -3301px}
	1026	select.flags option[value=MT], select.flags option[value=mt], .country-MT {background-position:0 -3323px}
	1027	select.flags option[value=MU], select.flags option[value=mu], .country-MU {background-position:0 -3345px}
	1028	select.flags option[value=MV], select.flags option[value=mv], .country-MV {background-position:0 -3367px}
	1029	select.flags option[value=MW], select.flags option[value=mw], .country-MW {background-position:0 -3389px}
	1030	select.flags option[value=MX], select.flags option[value=mx], .country-MX {background-position:0 -3411px}
	1031	select.flags option[value=MY], select.flags option[value=my], .country-MY {background-position:0 -3433px}
	1032	select.flags option[value=MZ], select.flags option[value=mz], .country-MZ {background-position:0 -3455px}
	1033	select.flags option[value=NA], select.flags option[value=na], .country-NA {background-position:0 -3477px}
	1034	select.flags option[value=NC], select.flags option[value=nc], .country-NC {background-position:0 -3499px}
	1035	select.flags option[value=NE], select.flags option[value=ne], .country-NE {background-position:0 -3521px}
	1036	select.flags option[value=NF], select.flags option[value=nf], .country-NF {background-position:0 -3543px}
	1037	select.flags option[value=NG], select.flags option[value=ng], .country-NG {background-position:0 -3565px}
	1038	select.flags option[value=NI], select.flags option[value=ni], .country-NI {background-position:0 -3587px}
	1039	select.flags option[value=NL], select.flags option[value=nl], .country-NL {background-position:0 -3609px}
	1040	select.flags option[value=NO], select.flags option[value=no], .country-NO {background-position:0 -3631px}
	1041	select.flags option[value=NP], select.flags option[value=np], .country-NP {background-position:0 -3653px}
	1042	select.flags option[value=NR], select.flags option[value=nr], .country-NR {background-position:0 -3675px}
	1043	select.flags option[value=NU], select.flags option[value=nu], .country-NU {background-position:0 -3697px}
	1044	select.flags option[value=NZ], select.flags option[value=nz], .country-NZ {background-position:0 -3719px}
	1045	select.flags option[value=OM], select.flags option[value=om], .country-OM {background-position:0 -3741px}
	1046	select.flags option[value=PA], select.flags option[value=pa], .country-PA {background-position:0 -3763px}
	1047	select.flags option[value=PE], select.flags option[value=pe], .country-PE {background-position:0 -3785px}
	1048	select.flags option[value=PF], select.flags option[value=pf], .country-PF {background-position:0 -3807px}
	1049	select.flags option[value=PG], select.flags option[value=pg], .country-PG {background-position:0 -3829px}
	1050	select.flags option[value=PH], select.flags option[value=ph], .country-PH {background-position:0 -3851px}
	1051	select.flags option[value=PK], select.flags option[value=pk], .country-PK {background-position:0 -3873px}
	1052	select.flags option[value=PL], select.flags option[value=pl], .country-PL {background-position:0 -3895px}
	1053	select.flags option[value=PM], select.flags option[value=pm], .country-PM {background-position:0 -3917px}
	1054	select.flags option[value=PN], select.flags option[value=pn], .country-PN {background-position:0 -3939px}
	1055	select.flags option[value=PR], select.flags option[value=pr], .country-PR {background-position:0 -3961px}
	1056	select.flags option[value=PS], select.flags option[value=ps], .country-PS {background-position:0 -3983px}
	1057	select.flags option[value=PT], select.flags option[value=pt], .country-PT {background-position:0 -4005px}
	1058	select.flags option[value=PW], select.flags option[value=pw], .country-PW {background-position:0 -4027px}
	1059	select.flags option[value=PY], select.flags option[value=py], .country-PY {background-position:0 -4049px}
	1060	select.flags option[value=QA], select.flags option[value=qa], .country-QA {background-position:0 -4071px}
	1061	select.flags option[value=RE], select.flags option[value=re], .country-RE {background-position:0 -4093px}
	1062	select.flags option[value=RO], select.flags option[value=ro], .country-RO {background-position:0 -4115px}
	1063	select.flags option[value=RS], select.flags option[value=rs], .country-RS {background-position:0 -4137px}
	1064	select.flags option[value=RU], select.flags option[value=ru], .country-RU {background-position:0 -4159px}
	1065	select.flags option[value=RW], select.flags option[value=rw], .country-RW {background-position:0 -4181px}
	1066	select.flags option[value=SA], select.flags option[value=sa], .country-SA {background-position:0 -4203px}
	1067	select.flags option[value=SB], select.flags option[value=sb], .country-SB {background-position:0 -4225px}
	1068	select.flags option[value=SC], select.flags option[value=sc], .country-SC {background-position:0 -4247px}
	1069	select.flags option[value=SD], select.flags option[value=sd], .country-SD {background-position:0 -4291px}
	1070	select.flags option[value=SE], select.flags option[value=se], .country-SE {background-position:0 -4313px}
	1071	select.flags option[value=SG], select.flags option[value=sg], .country-SG {background-position:0 -4335px}
	1072	select.flags option[value=SH], select.flags option[value=sh], .country-SH {background-position:0 -4357px}
	1073	select.flags option[value=SI], select.flags option[value=si], .country-SI {background-position:0 -4379px}
	1074	select.flags option[value=SJ], select.flags option[value=sj], .country-SJ {background-position:0 -4401px}
	1075	select.flags option[value=SK], select.flags option[value=sk], .country-SK {background-position:0 -4423px}
	1076	select.flags option[value=SL], select.flags option[value=sl], .country-SL {background-position:0 -4445px}
	1077	select.flags option[value=SM], select.flags option[value=sm], .country-SM {background-position:0 -4467px}
	1078	select.flags option[value=SN], select.flags option[value=sn], .country-SN {background-position:0 -4489px}
	1079	select.flags option[value=SO], select.flags option[value=so], .country-SO {background-position:0 -4511px}
	1080	select.flags option[value=SR], select.flags option[value=sr], .country-SR {background-position:0 -4533px}
	1081	select.flags option[value=ST], select.flags option[value=st], .country-ST {background-position:0 -4555px}
	1082	select.flags option[value=SV], select.flags option[value=sv], .country-SV {background-position:0 -4577px}
	1083	select.flags option[value=SY], select.flags option[value=sy], .country-SY {background-position:0 -4599px}
	1084	select.flags option[value=SZ], select.flags option[value=sz], .country-SZ {background-position:0 -4621px}
	1085	select.flags option[value=TC], select.flags option[value=tc], .country-TC {background-position:0 -4643px}
	1086	select.flags option[value=TD], select.flags option[value=td], .country-TD {background-position:0 -4665px}
	1087	select.flags option[value=TF], select.flags option[value=tf], .country-TF {background-position:0 -4687px}
	1088	select.flags option[value=TG], select.flags option[value=tg], .country-TG {background-position:0 -4709px}
	1089	select.flags option[value=TH], select.flags option[value=th], .country-TH {background-position:0 -4731px}
	1090	select.flags option[value=TJ], select.flags option[value=tj], .country-TJ {background-position:0 -4753px}
	1091	select.flags option[value=TK], select.flags option[value=tk], .country-TK {background-position:0 -4775px}
	1092	select.flags option[value=TL], select.flags option[value=tl], .country-TL {background-position:0 -4797px}
	1093	select.flags option[value=TM], select.flags option[value=tm], .country-TM {background-position:0 -4819px}
	1094	select.flags option[value=TN], select.flags option[value=tn], .country-TN {background-position:0 -4841px}
	1095	select.flags option[value=TO], select.flags option[value=to], .country-TO {background-position:0 -4863px}
	1096	select.flags option[value=TR], select.flags option[value=tr], .country-TR {background-position:0 -4885px}
	1097	select.flags option[value=TT], select.flags option[value=tt], .country-TT {background-position:0 -4907px}
	1098	select.flags option[value=TV], select.flags option[value=tv], .country-TV {background-position:0 -4929px}
	1099	select.flags option[value=TW], select.flags option[value=tw], .country-TW {background-position:0 -4951px}
	1100	select.flags option[value=TZ], select.flags option[value=tz], .country-TZ {background-position:0 -4973px}
	1101	select.flags option[value=UA], select.flags option[value=ua], .country-UA {background-position:0 -4995px}
	1102	select.flags option[value=UG], select.flags option[value=ug], .country-UG {background-position:0 -5017px}
	1103	select.flags option[value=UM], select.flags option[value=um], .country-UM {background-position:0 -5039px}
	1104	select.flags option[value=US], select.flags option[value=us], .country-US {background-position:0 -5061px}
	1105	select.flags option[value=UY], select.flags option[value=uy], .country-UY {background-position:0 -5083px}
	1106	select.flags option[value=UZ], select.flags option[value=uz], .country-UZ {background-position:0 -5105px}
	1107	select.flags option[value=VA], select.flags option[value=va], .country-VA {background-position:0 -5127px}
	1108	select.flags option[value=VC], select.flags option[value=vc], .country-VC {background-position:0 -5149px}
	1109	select.flags option[value=VE], select.flags option[value=ve], .country-VE {background-position:0 -5171px}
	1110	select.flags option[value=VG], select.flags option[value=vg], .country-VG {background-position:0 -5193px}
	1111	select.flags option[value=VI], select.flags option[value=vi], .country-VI {background-position:0 -5215px}
	1112	select.flags option[value=VN], select.flags option[value=vn], .country-VN {background-position:0 -5237px}
	1113	select.flags option[value=VU], select.flags option[value=vu], .country-VU {background-position:0 -5259px}
	1114	select.flags option[value=WF], select.flags option[value=wf], .country-WF {background-position:0 -5303px}
	1115	select.flags option[value=WS], select.flags option[value=ws], .country-WS {background-position:0 -5325px}
	1116	select.flags option[value=YE], select.flags option[value=ye], .country-YE {background-position:0 -5347px}
	1117	select.flags option[value=YT], select.flags option[value=yt], .country-YT {background-position:0 -5369px}
	1118	select.flags option[value=ZA], select.flags option[value=za], .country-ZA {background-position:0 -5391px}
	1119	select.flags option[value=ZM], select.flags option[value=zm], .country-ZM {background-position:0 -5413px}
	1120	select.flags option[value=ZW], select.flags option[value=zw], .country-ZW {background-position:0 -5435px}
fab45e	1121
C	1122	.panel_login {
	1123	max-width: 80%;
	1124	min-width: 680px;
	1125	}
	1126	div.subsectiontoggle {
	1127	border:1px solid #ccc;
	1128	font-weight:bold;
	1129	font-size:14px;
	1130	padding-top:10px;
	1131	padding-bottom:0;
	1132	margin-top:5px;
	1133	text-indent:15px;
	1134	cursor:pointer;
	1135	margin-bottom:10px;
	1136	background-color:#f4f4f4;
	1137	-moz-border-radius:5px;
	1138	-webkit-border-radius:5px;
	1139	-khtml-border-radius:5px;
	1140	-o-border-radius:5px;
	1141	-ms-border-radius:5px;
	1142	border-radius:5px;
	1143	}
a9c5c1	1144	div.subsectiontoggle span {
fab45e	1145	display:inline-block;
C	1146	margin-bottom:-3px;
	1147	margin-right:10px;
	1148	width:16px;
	1149	height:16px;
c72149	1150	background: url("../icons/button_sprite.png") 0 -72px no-repeat transparent;
fab45e	1151	}
C	1152	div.subsectiontoggle span.showing{
c72149	1153	background-position: 0 -40px;
fab45e	1154	}
a9c5c1	1155	div.subsectiontoggle em {
fab45e	1156	display:block;
C	1157	position:relative;
	1158	left:425px;
	1159	top:-13px;
	1160	margin-bottom:-3px;
	1161	width:13px;
	1162	height:13px;
5889ff	1163	background:url("../images/chevron.png") top left no-repeat;
fab45e	1164	-webkit-transform:none;
C	1165	-moz-transform:none;
	1166	-khtml-transform:none;
	1167	-o-transform:none;
	1168	-ms-transform:none;
	1169	transform:none;
	1170	-webkit-transition-duration: .2s;
	1171	-moz-transition-duration: .2s;
	1172	-khtml-transition-duration: .2s;
	1173	-o-transition-duration: .2s;
	1174	-ms-transition-duration: .2s;
	1175	transition-duration: .2s;
	1176	-webkit-transition-property: -webkit-transform;
	1177	-moz-transition-property: -moz-transform;
	1178	-khtml-transition-property: -khtml-transform;
	1179	-o-transition-property: -o-transform;
	1180	-ms-transition-property: -ms-transform;
	1181	transition-property: transform;
	1182	}
a9c5c1	1183	div.subsectiontoggle em.showing {
fab45e	1184	display:block;
C	1185	position:relative;
	1186	left:425px;
	1187	top:-13px;
5889ff	1188	background:url("../images/chevron.png") top left no-repeat;
fab45e	1189	width:13px;
C	1190	height:13px;
	1191	-webkit-transform:rotate(90deg);
	1192	-moz-transform:rotate(90deg);
	1193	-khtml-transform:rotate(90deg);
	1194	-o-transform:rotate(90deg);
	1195	-ms-transform:rotate(90deg);
	1196	transform:rotate(90deg);
	1197	}
a9c5c1	1198	div.subsectiontoggle:hover em {
fab45e	1199	-webkit-transform:rotate(90deg);
C	1200	-moz-transform:rotate(90deg);
	1201	-khtml-transform:rotate(90deg);
	1202	-o-transform:rotate(90deg);
	1203	-ms-transform:rotate(90deg);
	1204	transform:rotate(90deg);
	1205	}
	1206
a9c5c1	1207
C	1208	div.gs-container {
fab45e	1209	margin-top:10px;
C	1210	}
a9c5c1	1211	div.gs-container * {
fab45e	1212	margin: 0;
C	1213	padding: 0;
	1214	background-position: 0 0;
	1215	text-decoration: none;
	1216	font-size: 1em;
	1217	}
a9c5c1	1218	div.gs-container input {
4f9c38	1219	background: url("../icons/x16_sprite.png") no-repeat 2px -119px #FFFFFF;
fab45e	1220	height:20px;
C	1221	border:1px solid #444;
	1222	padding:0 22px 2px;
	1223	color:#444;
	1224	-moz-border-radius:5px;
	1225	-webkit-border-radius:5px;
	1226	-khtml-border-radius:5px;
	1227	-o-border-radius:5px;
	1228	-ms-border-radius:5px;
	1229	border-radius:5px;
	1230	}
a9c5c1	1231	input.gs-loading {
5889ff	1232	background-image: url("../images/loading.gif");
fab45e	1233	background-repeat: no-repeat;
C	1234	background-position: center right;
	1235	}
a9c5c1	1236	ul.gs-resultbox {
fab45e	1237	margin: 0 !important;
C	1238	padding: 0 !important;
	1239	width: 300px;
	1240	z-index: 999999;
	1241	border: 1px solid #777;
	1242	font-size: 11px;
	1243	background: #fff;
	1244	-moz-box-shadow: 2px 2px 5px 0 #c5c5c5;
	1245	-webkit-box-shadow: 2px 2px 5px 0 #c5c5c5;
	1246	-khtml-box-shadow: 2px 2px 5px 0 #c5c5c5;
	1247	-o-box-shadow: 2px 2px 5px 0 #c5c5c5;
	1248	-ms-box-shadow: 2px 2px 5px 0 #c5c5c5;
	1249	box-shadow: 2px 2px 5px 0 #c5c5c5;
	1250	list-style: none;
	1251	-moz-border-radius:5px;
	1252	-webkit-border-radius:5px;
	1253	-khtml-border-radius:5px;
	1254	-o-border-radius:5px;
	1255	-ms-border-radius:5px;
	1256	border-radius:5px;
a1cd2c	1257	max-height:500px;
C	1258	overflow:auto;
fab45e	1259	}
a9c5c1	1260	ul.gs-resultbox li {
fab45e	1261	float: left;
C	1262	width: 100%;
	1263	clear: both;
	1264	cursor: pointer;
	1265	}
a9c5c1	1266	ul.gs-resultbox li.gs-cheader {
fab45e	1267	height: 13px;
C	1268	overflow: hidden;
	1269	padding: 5px 0;
	1270	color: #fff;
	1271	background: #6ea6d1;
	1272	cursor:default;
	1273	padding-bottom:10px;
	1274	}
a9c5c1	1275	ul.gs-resultbox li.gs-cheader p.gs-cheader-title {
fab45e	1276	margin: 0 !important;
C	1277	padding: 0 0 0 10px !important;
	1278	float: left;
	1279	font-size: 12px;
	1280	font-weight: bold;
	1281	}
a9c5c1	1282	ul.gs-resultbox li.gs-cheader p.gs-cheader-limit {
fab45e	1283	margin: 0 !important;
C	1284	padding: 0 10px 0 0 !important;
	1285	float: right;
	1286	font-size: 11px;
	1287	font-weight: normal;
	1288	}
a9c5c1	1289	ul.gs-resultbox li.gs-cdata {
fab45e	1290	margin: 0 !important;
C	1291	padding: 0 !important;
	1292	border-bottom: 1px solid #c5c5c5;
	1293	}
a9c5c1	1294	ul.gs-resultbox li.gs-cdata:last-child {
fab45e	1295	border-bottom: none;
C	1296	}
a9c5c1	1297	ul.gs-resultbox li.gs-cdata:hover {
fab45e	1298	background: #eaf4fd;
C	1299	}
a9c5c1	1300	ul.gs-resultbox li.gs-cdata a {
fab45e	1301	display: block;
C	1302	padding: 5px 10px;
	1303	text-decoration: none !important;
	1304	background: #fff;
	1305	}
a9c5c1	1306	ul.gs-resultbox li.gs-cdata a:hover {
fab45e	1307	background: #cde0ff;
C	1308	}
a9c5c1	1309	ul.gs-resultbox li.gs-cdata img {
fab45e	1310	margin-right: 12px;
C	1311	}
a9c5c1	1312	ul.gs-resultbox li.gs-cdata p {
fab45e	1313	margin: 0 !important;
C	1314	padding: 0 !important;
	1315	color: #444;
	1316	font-size: 10px;
	1317	min-height:30px;
	1318	}
a9c5c1	1319	ul.gs-resultbox li.gs-cdata p span.gs-cdata-title {
fab45e	1320	display: inline !important;
C	1321	margin: 0 !important;
	1322	padding: 0 !important;
	1323	font-size: 11px;
	1324	font-weight: bold;
	1325	color: #000;
	1326	}
a9c5c1	1327	ul.gs-resultbox li:first-child {
fab45e	1328	-moz-border-radius:5px 5px 0 0;
C	1329	-webkit-border-radius:5px 5px 0 0;
	1330	-khtml-border-radius:5px 5px 0 0;
	1331	-o-border-radius:5px 5px 0 0;
	1332	-ms-border-radius:5px 5px 0 0;
	1333	border-radius:5px 5px 0 0;
	1334	}
a9c5c1	1335	ul.gs-resultbox li:last-child {
fab45e	1336	-moz-border-radius:0 0 5px 5px;
C	1337	-webkit-border-radius:0 0 5px 5px;
	1338	-khtml-border-radius:0 0 5px 5px;
	1339	-o-border-radius:0 0 5px 5px;
	1340	-ms-border-radius:0 0 5px 5px;
	1341	border-radius:0 0 5px 5px;
	1342	}
	1343
a9c5c1	1344	div.df-container {
fab45e	1345	}
a9c5c1	1346	div.df-container * {
fab45e	1347	margin: 0;
C	1348	padding: 0;
	1349	background-position: 0 0;
	1350	text-decoration: none;
	1351	font-size: 1em;
	1352	}
a9c5c1	1353	div.df-container input {
fab45e	1354	}
a9c5c1	1355	input.df-loading {
5889ff	1356	background-image: url("../images/loading.gif");
fab45e	1357	background-repeat: no-repeat;
C	1358	background-position: center right;
	1359	}
a9c5c1	1360	ul.df-resultbox {
fab45e	1361	margin: 0 !important;
C	1362	padding: 0 !important;
	1363	min-width: 250px;
	1364	max-width: 500px;
	1365	z-index: 999999;
	1366	border: 1px solid #777;
	1367	font-size: 11px;
	1368	background: #fff;
	1369	-moz-box-shadow: 2px 2px 5px 0 #c5c5c5;
	1370	-webkit-box-shadow: 2px 2px 5px 0 #c5c5c5;
	1371	-khtml-box-shadow: 2px 2px 5px 0 #c5c5c5;
	1372	-o-box-shadow: 2px 2px 5px 0 #c5c5c5;
	1373	-ms-box-shadow: 2px 2px 5px 0 #c5c5c5;
	1374	box-shadow: 2px 2px 5px 0 #c5c5c5;
	1375	list-style: none;
	1376	-moz-border-radius:5px;
	1377	-webkit-border-radius:5px;
	1378	-khtml-border-radius:5px;
	1379	-o-border-radius:5px;
	1380	-ms-border-radius:5px;
	1381	border-radius:5px;
	1382	}
a9c5c1	1383	ul.df-resultbox li {
fab45e	1384	float: left;
C	1385	width: 100%;
	1386	clear: both;
	1387	cursor: pointer;
	1388	}
a9c5c1	1389	ul.df-resultbox li.df-cheader {
fab45e	1390	height: 13px;
C	1391	overflow: hidden;
	1392	padding: 5px 0;
	1393	color: #fff;
	1394	background: #6ea6d1;
	1395	cursor:default;
	1396	padding-bottom:10px;
	1397	}
a9c5c1	1398	ul.df-resultbox li.df-cheader p.df-cheader-title {
fab45e	1399	margin: 0 !important;
C	1400	padding: 0 0 0 10px !important;
	1401	float: left;
	1402	font-size: 12px;
	1403	font-weight: bold;
	1404	}
a9c5c1	1405	ul.df-resultbox li.df-cheader p.df-cheader-limit {
fab45e	1406	margin: 0 !important;
C	1407	padding: 0 10px 0 0 !important;
	1408	float: right;
	1409	font-size: 11px;
	1410	font-weight: normal;
	1411	}
a9c5c1	1412	ul.df-resultbox li.df-cdata {
fab45e	1413	margin: 0 !important;
C	1414	padding: 0 !important;
	1415	border-bottom: 1px solid #c5c5c5;
	1416	}
a9c5c1	1417	ul.df-resultbox li.df-cdata:last-child {
fab45e	1418	border-bottom: none;
C	1419	}
a9c5c1	1420	ul.df-resultbox li.df-cdata:hover {
fab45e	1421	background: #eaf4fd;
C	1422	}
a9c5c1	1423	ul.df-resultbox li.df-cdata a {
fab45e	1424	display: block;
C	1425	padding: 5px 10px;
	1426	text-decoration: none !important;
	1427	background: #fff;
	1428	}
a9c5c1	1429	ul.df-resultbox li.df-cdata a:hover {
fab45e	1430	background: #cde0ff;
C	1431	}
a9c5c1	1432	ul.df-resultbox li.df-cdata img {
fab45e	1433	margin-right: 12px;
C	1434	}
a9c5c1	1435	ul.df-resultbox li.df-cdata p {
fab45e	1436	margin: 0 !important;
C	1437	padding: 0 !important;
	1438	color: #444;
	1439	font-size: 10px;
	1440	min-height:30px;
	1441	}
a9c5c1	1442	ul.df-resultbox li.df-cdata p span.df-cdata-title {
fab45e	1443	display: inline !important;
C	1444	margin: 0 !important;
	1445	padding: 0 !important;
	1446	font-size: 11px;
	1447	font-weight: bold;
	1448	color: #000;
	1449	}
a9c5c1	1450	ul.df-resultbox li:first-child {
fab45e	1451	-moz-border-radius:5px 5px 0 0;
C	1452	-webkit-border-radius:5px 5px 0 0;
	1453	-khtml-border-radius:5px 5px 0 0;
	1454	-o-border-radius:5px 5px 0 0;
	1455	-ms-border-radius:5px 5px 0 0;
	1456	border-radius:5px 5px 0 0;
	1457	}
a9c5c1	1458	ul.df-resultbox li:last-child {
fab45e	1459	-moz-border-radius:0 0 5px 5px;
C	1460	-webkit-border-radius:0 0 5px 5px;
	1461	-khtml-border-radius:0 0 5px 5px;
	1462	-o-border-radius:0 0 5px 5px;
	1463	-ms-border-radius:0 0 5px 5px;
	1464	border-radius:0 0 5px 5px;
	1465	}
	1466
a9c5c1	1467	span.icons16-empty {
fab45e	1468	float:left;
C	1469	display:block;
	1470	height:20px;
	1471	width:20px;
	1472	margin:0 7px 0 0;
	1473	}
	1474
a9c5c1	1475	.ttip {
fab45e	1476	width:16px;
C	1477	height:16px;
	1478	cursor:pointer;
4bd960	1479	background: url("../icons/x16_sprite.png") no-repeat -2px -42px transparent;
fab45e	1480	float:right;
C	1481	display:inline;
	1482	position:relative;
	1483	right:-2px;
	1484	top:-2px;
	1485	}
	1486
	1487	p.prefix {
	1488	float: left;
	1489	margin: 0;
	1490	text-align: right;
	1491	}
	1492	p.label {
	1493	float: left;
	1494	margin: 5px 15px 0 0;
	1495	}
	1496	p.value {
	1497	float:left;
	1498	margin: 0 0 0 2px;
	1499	}
	1500
	1501	/* content_ispc
	1502	-------------------------------------------------------------- */
a9c5c1	1503	.tipsy {
C	1504	font-size: 10px;
	1505	position: absolute;
	1506	padding: 5px;
	1507	z-index: 100000;
	1508	}
	1509	.tipsy-inner {
	1510	background-color: #000;
	1511	color: #FFF;
	1512	max-width: 350px;
	1513	padding: 5px 8px 4px 8px;
	1514	text-align: left;
	1515	}
fab45e	1516
C	1517	/* Rounded corners */
a9c5c1	1518	.tipsy-inner {
C	1519	border-radius: 5px;
	1520	-moz-border-radius: 5px;
	1521	-webkit-border-radius: 5px;
	1522	}
fab45e	1523
C	1524	/* Uncomment for shadow */
	1525	/.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }/
	1526
a9c5c1	1527	.tipsy-arrow {
C	1528	position: absolute;
	1529	width: 0;
	1530	height: 0;
	1531	line-height: 0;
	1532	border: 5px dashed #000;
	1533	}
fab45e	1534	/* Rules to colour arrows */
C	1535	.tipsy-arrow-n { border-bottom-color: #000; }
	1536	.tipsy-arrow-s { border-top-color: #000; }
	1537	.tipsy-arrow-e { border-left-color: #000; }
	1538	.tipsy-arrow-w { border-right-color: #000; }
	1539
	1540	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
	1541	.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
	1542	.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
	1543	.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
	1544	.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
	1545	.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
	1546	.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
	1547	.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
	1548
	1549	/* uni-form-generic
	1550	-------------------------------------------------------------- */
	1551
	1552	/* Uni-Form by Dragan Babic [Superawesome Industries] - http: //sprawsm.com/uni-form/ */
	1553	/* Some rights reserved - http: //creativecommons.org/licenses/by-sa/2.5/ */
	1554	/* Do not edit this file directly, make your changes to uni-form.css in the same folder */
	1555
	1556	.uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */
	1557
	1558	/* Some generals and more resets */
	1559	.uniForm fieldset{ border: none; margin: 0; padding: 0; }
	1560	.uniForm fieldset legend{ margin: 0; padding: 0; }
	1561
	1562	/* This is the main unit that contains our form elements */
	1563	.uniForm .ctrlHolder,
	1564	.uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; }
	1565
	1566	/* Clear all floats */
	1567	.uniForm:after,
	1568	.uniForm .buttonHolder:after,
	1569	.uniForm .ctrlHolder:after,
	1570	.uniForm .ctrlHolder .multiField:after,
	1571	.uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
	1572
	1573	/* A class to be used on a label that contains a checkbox or a radio button */
	1574	.uniForm .inlineLabel,
	1575	.uniForm .inlineLabels .inlineLabel,
	1576	.uniForm .blockLabels .inlineLabel{ width: auto; float: none; margin: 0; display: block; }
	1577	/* IE shows borders & padding on checkboxes and radio buttons if they are declared on an input element, remove them */
	1578	/* Legacy/Inheritance fix */
	1579	.uniForm .inlineLabel input,
	1580	.uniForm .inlineLabels .inlineLabel input,
	1581	.uniForm .blockLabels .inlineLabel input{ border: none; padding: 0; margin: 0; }
	1582
	1583	/* Styles for form controls where labels are above the input elements */
	1584	/* Set the class of the parent (preferably to a fieldset) to .blockLabels */
	1585
	1586	.uniForm label,
	1587	.uniForm .label,
	1588	.uniForm .blockLabels label,
	1589	.uniForm .blockLabels .label{ display: block; float: none; padding: 0; line-height: 100%; width: auto; }
	1590
	1591	/* Float the input elements */
	1592	.uniForm .textInput,
	1593	.uniForm .blockLabels .textInput,
	1594	.uniForm .blockLabels .fileUpload,
	1595	.uniForm .selectInput,
	1596	.uniForm .blockLabels .selectInput,
	1597	.uniForm .blockLabels select,
	1598	.uniForm textarea,
	1599	.uniForm .blockLabels textarea{ float: left; }
	1600
	1601	/* Postition the hints */
	1602	.uniForm .formHint,
	1603	.uniForm .blockLabels .formHint{ float: right; margin: 0; clear: none; }
	1604
	1605	/* Position the elements inside combo boxes (multiple selects/checkboxes/radio buttons per unit) */
	1606	.uniForm .multiField,
	1607	.uniForm .blockLabels .multiField{ width: auto; float: left; }
	1608	.uniForm .multiField .inlineLabel,
	1609	.uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
	1610	.uniForm .multiField .blockLabel,
	1611	.uniForm .blockLabels .multiField .blockLabel{ float: left; width: auto; margin: 0; }
	1612	.uniForm .multiField .blockLabel .textInput,
	1613	.uniForm .multiField .blockLabel .selectInput,
	1614	.uniForm .multiField .blockLabel select,
	1615	.uniForm .blockLabels .multiField .blockLabel .textInput,
	1616	.uniForm .blockLabels .multiField .blockLabel .selectInput,
	1617	.uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: 0; }
	1618
	1619	/* Styles for form controls where labels are in line with the input elements */
	1620	/* Set the class of the parent (preferably to a fieldset) to .inlineLabels */
	1621	.uniForm .inlineLabels label,
	1622	.uniForm .inlineLabels .label{ float: left; margin: 0; padding: 0; line-height: 100%; position: relative; }
	1623
	1624	/* Float the input elements */
	1625	.uniForm .inlineLabels .textInput,
	1626	.uniForm .inlineLabels .fileUpload,
	1627	.uniForm .inlineLabels .selectInput,
	1628	.uniForm .inlineLabels select,
	1629	.uniForm .inlineLabels textarea{ float: left; }
	1630
	1631	/* Postition the hints */
	1632	.uniForm .inlineLabels .formHint{ clear: both; float: none; }
	1633	.uniForm .inlineLabels .multiField{ float: left; }
	1634	.uniForm .inlineLabels .multiField .inlineLabel{}
	1635	.uniForm .inlineLabels .multiField .blockLabel{}
	1636	.uniForm .inlineLabels .multiField .blockLabel .textInput,
	1637	.uniForm .inlineLabels .multiField .blockLabel .selectInput,
	1638	.uniForm .inlineLabels .multiField .blockLabel select{ display: block; width: 100%; float: none; }
	1639	.uniForm .inlineLabels .multiField select{ float: left; }
	1640
	1641	/* Required fields asterisk styling for .blockLabels */
	1642	.uniForm label em,
	1643	.uniForm .label em,
	1644	.uniForm .blockLabels label em,
	1645	.uniForm .blockLabels .label em{ position: absolute; left: -7px; }
	1646
	1647	/* Required fields asterisk styling for .inlineLabels */
	1648	.uniForm .inlineLabels label em,
	1649	.uniForm .inlineLabels .label em{ display: block; position: absolute; left: auto; right: 0; font-style: normal; font-weight: bold; }
	1650	.uniForm .inlineLabel em{ position: absolute; left: 7px; }
	1651
	1652	/* Messages */
	1653	.uniForm #errorMsg,
a9c5c1	1654	.uniForm .error{}
fab45e	1655	.uniForm #errorMsg dt,
a9c5c1	1656	.uniForm #errorMsg h3{}
C	1657	.uniForm #errorMsg dd{}
	1658	.uniForm #errorMsg ol{}
	1659	.uniForm #errorMsg ol li{}
	1660	.uniForm .errorField{}
	1661	.uniForm #OKMsg{}
fab45e	1662
C	1663	/* Columns */
	1664
	1665	.uniForm .col{ float: left; }
	1666	.uniForm .col.first{}
	1667	.uniForm .col.last{}
	1668
	1669	/* uni-form
	1670	-------------------------------------------------------------- */
	1671
5889ff	1672	/* Keep in mind that wherever you see "Required property" it means that the property must exist */
fab45e	1673
C	1674	/* ------------------------------------------------------------------------------ */
	1675
	1676	/* Generals */
	1677	.uniForm fieldset{}
	1678	.uniForm fieldset legend{ color: #333; font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 1.5em 1.5em 0; }
	1679
	1680	/* This is the main unit that contains our form elements */
	1681	.uniForm .ctrlHolder{ padding: 3px; border-bottom: 1px dotted #dfdfdf; }
	1682
	1683	.uniForm .buttonHolder{
	1684	text-align: left;
	1685	background: #CEDEEF url("../images/buttonHolder_bg.gif") no-repeat right;
	1686	margin: 3em 0 1em;
	1687	padding: 8px;
	1688	}
	1689	.uniForm .resetButton{ float: left; }
	1690	.uniForm .primaryAction{ font-weight: bold; }
	1691
	1692	/* This class gets added to div.ctrlHolder to highlight the row */
	1693	.uniForm .focused{ background: #fffcdf; }
	1694
	1695	/* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */
	1696	.uniForm .inlineLabel input,
	1697	.uniForm .inlineLabels .inlineLabel input,
	1698	.uniForm .blockLabels .inlineLabel input{ float: left; margin: 0 .4em 0 0; }
	1699	.uniForm .inlineLabel span{ float: left; width: 90%; }
	1700
	1701	/* ------------------------------------------------------------------------------ */
	1702
5889ff	1703	/* .blockLabels (default style, will be applied even if you don"t class the parent element) */
fab45e	1704	.uniForm .blockLabels .ctrlHolder{}
C	1705
	1706	.uniForm label,
	1707	.uniForm .blockLabels label,
	1708	.uniForm .blockLabels .label{ margin: 0 0 .5em 0; }
	1709
	1710	.uniForm .textInput,
	1711	.uniForm .blockLabels .textInput,
	1712	.uniForm .blockLabels .fileUpload{ width: 43%; /* <- Required property */ }
	1713
	1714	.uniForm .selectInput,
	1715	.uniForm select,
	1716	.uniForm .blockLabels .selectInput,
	1717	.uniForm .blockLabels select{ width: 43.5%; /* <- Required property */ }
	1718	.uniForm textarea,
	1719	.uniForm .blockLabels textarea{ width: 43%; /* <- Required property */ height: 12em; }
	1720
	1721	.uniForm .formHint,
	1722	.uniForm .blockLabels .formHint{ width: 55%; /* <- Required property */ font-size: .9em; color: #777; position: relative; top: -.5em; }
	1723
	1724	.uniForm .multiField,
	1725	.uniForm .blockLabels .multiField{ width: 43%; }
	1726	.uniForm .multiField .inlineLabel,
	1727	.uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
	1728	.uniForm .multiField .blockLabel,
	1729	.uniForm .blockLabels .multiField .blockLabel{ width: 30%; margin: 0 10px 0 0; }
	1730	.uniForm .multiField .blockLabel .textInput,
	1731	.uniForm .multiField .blockLabel .selectInput,
	1732	.uniForm .multiField .blockLabel select,
	1733	.uniForm .blockLabels .multiField .blockLabel .textInput,
	1734	.uniForm .blockLabels .multiField .blockLabel .selectInput,
	1735	.uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }
	1736
	1737	/* ------------------------------------------------------------------------------ */
	1738
	1739	/* .inlineLabels */
	1740	.uniForm .inlineLabels .ctrlHolder{}
	1741
	1742	.uniForm .inlineLabels label,
	1743	.uniForm .inlineLabels .label{ width: 20%; /* <- Required property / margin: .3em 2% 0 0; / <- Required property */ }
	1744
	1745	.uniForm .inlineLabels .textInput,
	1746	.uniForm .inlineLabels .fileUpload{ width: 35%; /* <- Required property */ }
	1747
	1748	.uniForm .inlineLabels .selectInput,
	1749	.uniForm .inlineLabels select{ width: 35%; /* <- Required property */ }
	1750
	1751	.uniForm .inlineLabels textarea{ width: 35%; /* <- Required property */ height: 12em; }
	1752
	1753	.uniForm .inlineLabels .formHint{ margin-top: 0; margin-left: 22%; font-size: .9em; color: #777; position: static; }
	1754
	1755	.uniForm .inlineLabels .multiField{ width: 60%; /* <- Required property */ margin: 0 0 .3em 0; }
	1756	.uniForm .inlineLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
	1757	.uniForm .inlineLabels .multiField .blockLabel{ float: left; width: 26%; margin: 0 3% 0 0; }
	1758	.uniForm .inlineLabels .multiField .blockLabel .textInput,
	1759	.uniForm .inlineLabels .multiField .blockLabel .selectInput,
	1760	.uniForm .inlineLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }
	1761
	1762	/* Focus pseudoclasses */
5889ff	1763	.uniForm .ctrlHolder .textInput:focus{ outline: none; /* Get rid of the "glow" effect in WebKit, optional */ }
C	1764	.uniForm .ctrlHolder textarea:focus{ outline: none; /* Get rid of the "glow" effect in WebKit, optional */ }
fab45e	1765	.uniForm div.focused .formHint{ color: #333; }
C	1766
	1767	/* Columns (they are floated left by default) */
	1768	.uniForm .col{ width: 37.9%; /* <- Required property */ margin: 0 2% 20px 0; }
	1769	/* Use .first and .last classes to control the layout/spacing of your columns */
	1770	.uniForm .col.first{ width: 39%; /* <- Required property */ float: left; clear: none; }
	1771	.uniForm .col.last{ width: 39%; /* <- Required property */ float: right; clear: none; margin-right: 0; }
	1772
	1773	/* Messages */
	1774	.uniForm #errorMsg, .confirmpassworderror{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 1.5em 0 1.5em 0; padding: 7px; }
	1775	.uniForm .error{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; }
	1776
	1777	.uniForm #errorMsg dt, .uniForm #errorMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold; }
	1778	.uniForm #errorMsg dd{ margin: 0; padding: 0; }
	1779	.uniForm #errorMsg ol{ margin: 0; padding: 0; list-style:none;}
	1780	.uniForm #errorMsg ol li{ margin: 0; padding: 2px; list-style-position: inside; border-bottom: 1px dotted #df7d7d; position: relative; }
	1781	.uniForm .errorField{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; }
	1782
	1783	.uniForm #OKMsg, .confirmpasswordok{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 1.5em 0 1.5em 0; padding: 7px; }
	1784	.uniForm #OKMsg p{ margin: 0; }
	1785
	1786	/* ------------------------------------------------------------------------------ */
	1787
	1788	/* This is the main unit that contains our form elements */
	1789
	1790	.uniForm .textInput, .uniForm .selectInput, .uniForm textarea {
	1791	background:#FFFFFF none repeat scroll 0 0;
	1792	color: #000000;
	1793	border: 1px solid #DFDFDF;
	1794	padding: 1px;
	1795	}
	1796
	1797	/* jquery-ui-custom
	1798	-------------------------------------------------------------- */
	1799	.ui-datepicker-calendar thead tr th {
	1800	background-image:none;
	1801	background-color:#FFFFFF;
	1802	color:#000000;
	1803	}
5889ff	1804	.ui-widget { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 100%; }
a00888	1805	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 100%; }
e88a7a	1806	ul.ui-autocomplete { max-height: 250px; overflow-y: auto; min-width: 85px;}
a00888	1807	.ui-combobox { position: relative; display: inline-block; margin-right: 17px; }
T	1808	.ui-combobox-toggle { position: absolute !important; top: 0; bottom: 0; margin-left: -1px; padding: 1px !important; background: none repeat scroll 0 0 #FFFFFF !important; border: 1px solid #DFDFDF !important;}
bfcdef	1809	.ui-combobox-input { background: none repeat scroll 0 0 #FFFFFF !important; border: 1px solid #DFDFDF !important; padding: 1px; font-weight: normal !important; }
T	1810	.panel_install_package .ui-combobox { float: left; }
68ec43	1811	.clear-float { clear: both; }
T	1812
	1813	a.link-page, span.page-spacer {
	1814	display: inline-block;
	1815	text-align: center;
	1816	padding: 2px;
	1817	line-height: 16px;
	1818	text-decoration: none !important;
	1819	color: inherit !important;
	1820	min-width: 16px;
	1821	}
	1822	a.link-page {
	1823	border: 1px solid #FFFFFF;
	1824	margin: 0 5px;
	1825	}
	1826
	1827	a.link-page:hover {
	1828	background-color: #DFDFDF;
	1829	}
	1830
	1831	span.page-spacer {
	1832	margin: 0 -5px;
	1833	}
	1834
	1835	a.link-page.current-page {
	1836	background-color: #DFDFDF;
	1837	font-weight: bold;
	1838	}