@import url("infusion/framework/fss/css/fss-reset-global.css");
@import url("infusion/framework/fss/css/fss-base-context.css");
@import url("infusion/framework/fss/css/fss-layout.css");
@import url("infusion/components/pager/css/Pager.css");
@import url("infusion/lib/jquery/plugins/tooltip/css/jquery.tooltip.css");
@import url("infusion/lib/jquery/ui/css/jquery.ui.theme.css");

/* pager demo styles */
 
.demo-pager-container {
    width:95%;
    margin: 0 auto;
}
 
.demo-pager-container input {
    width: 3em;
}
 
.demo-pager-container .hidden {
    display: none;
}
 
.demo-pager-container a:visited {
    color: blue;
}
 
.demo-pager-container a:hover{
    outline: 2px #000 solid;
    padding:0px;
}
 
/***********************************************
 * Styles for table formatting.
 */
 
.demo-pager-container table {
    width: 100%;
}
 
.demo-pager-container thead {
    color: #343499;
    background-color: #E6E7E8;
}
 
.demo-pager-container td {
    padding: .5em .2em;
}
 
.demo-pager-head-select { width:5%; }
.demo-pager-head-members { width:25%; }
.demo-pager-head-email { width:25%; }
.demo-pager-head-role { width:15%; }
.demo-pager-head-comments { color: #000; }
 
/***********************************************
 * The horizontal pager bar containing Previous, Next, and Page links. 
 */
.demo-pager-bar  {
    min-width: 555px;
    margin-left: 0em;
}
 
.demo-pager-bar  li  {
    display:inline;
    float:left;
}
 
/***********************************************
 * Previous and Next default and hover styles 
 */
 
.demo-pager-previous, .demo-pager-next {
    margin: 1px;
    padding: 2px 6px 2px 6px; /* padding values to align Next and Previous links to Page numbered links */
}   
 
/***********************************************
 * Styles for the list of numerated page links. 
 */
.demo-pager-links  {
    margin:0em; /* This is to override FSS-reset's ol and ul styling. We should handle this better. */
}
 
.demo-pager-pageLink-default a {
    /* Using display:block and float:left, it creates helps create a horizontal list with fixed width elements.*/
    display:block;
    float:left;
 
    width:3em;
    text-align:center;
    margin:2px;
    border: 1px solid #afafaf;
}
 
.demo-pager-pageLink-default a {
    text-decoration: none;
}
 
.demo-pager-links .fl-pager-currentPage {
    color: #fff;
    display:block;
    width:3em;
    float:left;
    background: #000;
    padding:0px;
    margin:2px;
    border: 1px solid #000;
    text-align:center;
}
 
.demo-pager-links .fl-pager-currentPage:visited {
    color: #fff;
}
 
.demo-pager-head a {
    display:block;
    width:100%;
}
 
/***********************************************
 * Styles for pager size selector.
 */
.demo-pager-page-size {
    margin-top: 10px;/* horizontal align page size selector to the pager bar. */
}
 
.demo-pager-page-size  label {
	margin-right: 2px;
}

.button::-moz-focus-inner {
	border: 0px;
}
.button {
	border: 1px solid #aaaaaa;
	cursor: pointer;
	padding: 5px 15px 5px 15px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	background-image: url(img/verlauf.png);
	background-repeat: repeat-x;
	background-position: center center;
	background-color: #efefef;
}
.button:hover {
	background-color: #ffffff;
}
.button:focus {
	outline: none;
	background-color: #ffffff;
	border: 2px dotted #cc0000;
	margin: -1px;
}

#overlay {
	display:none;
	background:#000000;
	opacity:0.75;
	filter:alpha(opacity=75);
	position:fixed;
	top:0px;
	left:0px;
	min-width:100%;
	min-height:100%;
	z-index:10000;
}

#lightbox-panel {
	display:none;
	position:fixed;
	top:100px;
	left:10%;
	width:80%;
	background:#FFFFFF;
	padding:10px 15px 10px 15px;
	border:2px solid #CCCCCC;
	z-index:10001;
}

#close-panel {
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
	top: -15px;
	right: -15px;
	background: url(img/close.png) no-repeat;
}