/* - - - - - - - - - - - - - - - - - - -
 * @project: italinux.com
 * @author: Matteo Montanari
 * @modified: 17-10-2008
 * @copyright: 2008
 * @file: skin.css
 * - - - - - - - - - - - - - - - - - - -
*/
/* * * * * * * * * * * * * * *
 *  Start Loader		CSS:njl_conf.css
 */
#loader {
	color:#901810;
	border:1px solid #700000;
	background:#e1e1e1 url('images/indicators/901808-fffb.gif') no-repeat scroll center 40px;
	opacity:0.8
}
/* * * * * * * * * * * * * * *
 *  Start Header + stripes	CSS:njl_conf.css
 */
#header {background:transparent url('images/hd.jpg') repeat-x scroll top left}

#header .hd_center .hd_c_top a {text-decoration:underline; color:#e1e1e1}
#header .hd_center .hd_c_top a:link {color:#e1e1e1} /* unvisited link */
#header .hd_center .hd_c_top a:visited {color:#e1e1e1} /* visited link */
#header .hd_center .hd_c_top a:hover {color:#fff} /* mouse over link */
#header .hd_center .hd_c_top a:active {color:#e1e1e1} /* selected link */
#header .hd_center .hd_c_top sup {color:#fff} /* new feature */

#header .hd_center .hd_c_top,
#header .hd_center .hd_c_center,
#header .hd_center .hd_c_bottom {background-color:transparent}
#header .hd_center .hd_c_center {color:#700000}
#header .hd_center .hd_c_bottom {color:#fff}

#header .hd_center .hd_c_bottom .bt_left .disabled {color:#d5a9a3}
/* * * * * * * * * * * * * * *
 *  Start logo area[top] (Sticky note)
 */
#header .hd_center {background:transparent url('images/logo_top.png') no-repeat scroll top left}
#header .hd_left {color:#fff}
#header .hd_left .logo a, 
#header .hd_left .slogan {color:#00185e}

#header .hd_left p a,
#header .hd_left .slogan {background:transparent url('images/logo/logo.png') repeat-y scroll 0px 0px}

#header .hd_left .r19, 
#header .hd_left .r50, 
#header .hd_left .rf50, 
#header .hd_left .r100 {
	position:absolute;
	height:16px;
	margin:0px;
	padding:0px 0px 0px 2px;
	left:19px;
	font-size:12px;
	line-height:14px;
	background-color:#fced87;
	background-repeat:repeat-y;
	background-attachment:scroll;
	background-position:top right;
	color:#901808
}
#header .hd_left .r19 {
        padding-right:20px;
        background-image:url('images/logo/r19.jpg')
}
#header .hd_left .r50, 
#header .hd_left .rf50 {padding-right:51px}
#header .hd_left .r50 {background-image:url('images/logo/r50.jpg')}
#header .hd_left .rf50 {
        background-image:url('images/logo/r50_free.jpg');
	background-repeat:no-repeat
}
#header .hd_left .r100 {
        padding-right:101px;
        background-image:url('images/logo/r100.jpg');
}
#header .hd_left dd {
        color:#901808;
        background:transparent url('images/logo/l19.png') repeat-y scroll 0px 0px
}
#header .hd_left dd .info {
	background:transparent url('images/info.png') no-repeat scroll bottom right;
	cursor:help
}
/* * * * * * * * * * * * * * *
 *  Start logo area[bottom] (Sticky note)
 */
#col1 .cl1_left_sp {background: transparent url('images/logo_bottom.png') no-repeat scroll top left}
/* * * * * * * * * * * * * * *
 *  Start Up and down arrows
 */
#col1 .cl1_left_sp .down {background-image:url('images/arrow_down.png')}
#col1 .cl1_left_sp .up {background-image:url('images/arrow_up.png')}
/* * * * * * * * * * * * * * *
 *  Start CONTENT area [Central Part]
 */
#content {background-color:#901808}
/* * * * * * * * * * * * * * *
 * Start popup                 CSS:njl_popup.css
 */
#cluetip {
        background-color:#a52a2a;
        border:1px solid #700000;
}
#cluetip #cluetip-outer #cluetip-title {
        color:#fff;
        background-color:#901808;
        border-bottom:1px solid #700000
}
#cluetip-waitimage {
        color:#901810;
        border:1px solid #700000;
        background:#e1e1e1 url('images/indicators/901808-fffb.gif') no-repeat scroll center center;
        opacity:0.8
}
/* * * * * * * * * * * * * * *
 * Start color picker		CSS:njl_colpkr.css
 */
.cpkr100 div {background:transparent url('images/cpicker/cpicker100.png') no-repeat scroll center center}
.cpkr16 div {background:transparent url('images/cpicker/cpicker16.png') no-repeat scroll center center}
.colpkr {background:transparent url('images/cpicker/colpkr_background.png') no-repeat scroll center center}
.colpkr_color div {background:transparent url('images/cpicker/colpkr_overlay.png') no-repeat scroll center center}
.colpkr_color div div {background:transparent url('images/cpicker/colpkr_select.gif') no-repeat scroll center center}
.colpkr_hue div {background:transparent url('images/cpicker/colpkr_indic.gif') no-repeat scroll left top}
.colpkr_hex {background:transparent url('images/cpicker/colpkr_hex.jpg') no-repeat scroll left top}
.colpkr_field {background:transparent none no-repeat scroll left top}
.colpkr_rgb_r {background-image: url('images/cpicker/colpkr_rgb_r.jpg')}
.colpkr_rgb_g {background-image: url('images/cpicker/colpkr_rgb_g.jpg')}
.colpkr_rgb_b {background-image: url('images/cpicker/colpkr_rgb_b.jpg')}
.colpkr_hsb_h {background-image: url('images/cpicker/colpkr_hsb_h.jpg')}
.colpkr_hsb_s {background-image: url('images/cpicker/colpkr_hsb_s.jpg')}
.colpkr_hsb_b {background-image: url('images/cpicker/colpkr_hsb_b.jpg')}
.colpkr_submit {background:transparent url('images/cpicker/colpkr_submit.jpg') no-repeat scroll left top}
.colpkr_close {background:transparent url('images/cpicker/colpkr_close.jpg') no-repeat scroll left top}

/* * * * * * * * * * * * * * *
 * Start Keywords		CSS:njl_keywords.css
 */
#col1 .cl1_top .steps li .wrapper #step1 .load { background-image:url(images/indicators/901808-fff.gif)}


/* * * * * * * * * * * * * * *
 * Start Steps (SlideViewer)	CSS:njl_steps.css
 */
#col1 .cl1_top .steps li dt .t_left {background:transparent url('images/corners/cl3_top_left.png') no-repeat scroll top left}
#col1 .cl1_top .steps li dt .t_right {background:transparent url('images/corners/cl3_top_right.png') no-repeat scroll top right}
#col1 .cl1_top .steps li dd .b_left {background:transparent url('images/corners/cl3_bottom_left.png') no-repeat scroll bottom left}
#col1 .cl1_top .steps li dd .b_right {background:transparent url('images/corners/cl3_bottom_right.png') no-repeat scroll bottom right}
#col1 .cl1_top .steps li .info {
	background:transparent url('images/info.png') no-repeat scroll bottom right;
	cursor:help
}

#col1 .cl1_top .steps li .wrapper #step2 .load {background-image:url(images/indicators/901808-fff.gif)}
#col1 .cl1_top .steps li .st_title {
        background-color:#700000;
        color:#fff
}
#col1 .cl1_top .steps li .st_content {background-color:#fffeeb}
#col1 .cl1_top .steps li .st_bottom {background-color:#fffe8c}

#col1 .cl1_top .steps li .nd_info_top,
#col1 .cl1_top .steps li .nd_info_btm {background:transparent url('images/panel/step2_top.jpg') repeat scroll top left}

#col1 .cl1_top .steps li .wrapper #layout,
#col1 .cl1_top .steps li .wrapper #layout .invalid,
#col1 .cl1_top .steps li .wrapper #layout .valid {background-color:#fffaaa}

#col1 .cl1_top .steps li .nd_content,
#col1 .cl1_top .steps li .nd_bottom {background-color:#fffeeb}

#col1 .cl1_top .steps li .wrapper .stm {
        width:60px;
        background-color:#006500;
        color:#fff
}
/* * * * * * * * * * * * * * *
 * Start slideshow Control Panel CSS:njl_panel.css
 */
#col1 .panel #slider_msg {background:transparent url('images/panel/sub.png') no-repeat scroll center center}

#col1 .panel .slider {
	font-weight:bold;
	font-size:25px;
	line-height:50px;
	letter-spacing:2px;
	color:#a52a2a}

#col1 .panel .slider a {text-decoration:underline; color:#a52a2a}
#col1 .panel .slider a:link {color:#a52a2a} /* unvisited link */
#col1 .panel .slider a:visited {color:#a52a2a} /* visited link */
#col1 .panel .slider a:hover {color:#a23c30} /* mouse over link */
#col1 .panel .slider a:active {color:#a52a2a} /* selected link */

/* #col1 .panel .slider {border-right:1px dotted #700000} */
#col1 .panel .slider div {
        border-top:1px dotted #700000;
        border-left:1px dotted #700000;
        border-bottom:1px dotted #700000
}
#col1 .cl1_top #sv_cpanel span { background-image:url('images/slider/tryit.png')}
#col1 .cl1_top #sv_cpanel .second {background-image:url('images/slider/back.png')}

/* * * * * * * * * * * * * * *
 * Start project list [Shopping Cart]
 */
#col1 .cart {background-color:#fff}
#col1 .cart dt {
	background-color:#700000;
	color:#fff
}
#col1 .cart dt .t_left {background:transparent url('images/corners/cl3_top_left.png') no-repeat scroll top left}
#col1 .cart dt .t_right {background:transparent url('images/corners/cl3_top_right.png') no-repeat scroll top right}
#col1 .cart .b_left {background:transparent url('images/corners/cl3_bottom_left.png') no-repeat scroll bottom left}
#col1 .cart .b_right {background:transparent url('images/corners/cl3_bottom_right.png') no-repeat scroll bottom right}
#col1 .cart dd {
	background-color:#d5d5d5;
	border-bottom:1px solid #aaa
}
#col1 .cart dd:hover {background-color:#fff}
#col1 .cart dd span {background-color:#ff0000}
/* * * * * * * * * * * * * * *
 * Start Slideshow		CSS:njl_slideshow.css
 */
#col1 #data #layout,
#col1 #data .square {border:1px solid #700000}

#col1 #data #layout:hover,
#col1 #data .square:hover {background-color:#ff0000}

#col1 #data #layout .top .em_panel .bl0,
#col1 #data #layout .top .em_panel .bl1,
#col1 #data #layout .top .em_panel .br1,
#col1 #data #layout .top .em_panel .br0,
#col1 #data .square .top .em_panel .bl0,
#col1 #data .square .top .em_panel .bl1,
#col1 #data .square .top .em_panel .br1,
#col1 #data .square .top .em_panel .br0 {background-color:#700000}

#col1 #data #layout .top .em_panel .bl0:hover,
#col1 #data #layout .top .em_panel .bl1:hover,
#col1 #data #layout .top .em_panel .br1:hover,
#col1 #data #layout .top .em_panel .br0:hover,
#col1 #data .square .top .em_panel .bl0:hover,
#col1 #data .square .top .em_panel .bl1:hover,
#col1 #data .square .top .em_panel .br1:hover,
#col1 #data .square .top .em_panel .br0:hover {background-color:#901808}

#col1 #data #layout .bottom,
#col1 #data .square .bottom { 
	background-color:#b15d52;
	color:#fff;
/* All the other browsers */
	opacity:0.7
}
#col1 #data #layout .code,
#col1 #data .square .code {
        background-color:#700000;
        color:#fff;
/* All the other browsers */
        opacity:0.9
}

#col1 #data #layout .bottom .bl,
#col1 #data #layout .bottom .br,
#col1 #data .square .bottom .bl,
#col1 #data .square .bottom .br {background-color:#700000}
/* * * * * * * * * * * * * * *
 * Start Column #2		CSS:njl_conf.css
 */
#col2 {background-color:#901808}
/* * * * * * * * * * * * * * *
 * Start Column #3		CSS:njl_conf.css
 */
#col3 #cl3_top {background:transparent url('images/cards.png') no-repeat scroll bottom center} 
#col3 #cl3_top .left {background:transparent url('images/corners/cl3_top_left.png') no-repeat scroll top left}
#col3 #cl3_top .right {background:transparent url('images/corners/cl3_top_right.png') no-repeat scroll top right}

#col3, 
#col3 .cl3_center,
#col3 #cl3_bottom {background-color:#f00}

/* Start column #3 list */
#col3 .stats .title {
	background-color:#700000;
	color:#fff
}
#col3 .stats .title:hover {background-color:#700000}
#col3 .stats .title .t_left {background:transparent url('images/corners/cl3_center_left.png') no-repeat scroll top left}
#col3 .stats .title .t_right {background:transparent url('images/corners/cl3_center_right.png') no-repeat scroll top right}

/* #col3 .stats .rd_odd {background-color:#a0feff}  */	/* red 160 */
/* #col3 .stats .rd_even {background-color:#befeff} */	/* red 190 */
#col3 .stats .rd_odd {background-color:#fce034}         /* orange 205 */
#col3 .stats .rd_even {background-color:#fce034}        /* orange 205 */

#col3 .stats .nd_even, 
#col3 .stats .nd_even-sp {background-color:#fffecd}	/* blue 205 */

#col3 .stats .nd_odd, 
#col3 .stats .nd_odd-sp {background-color:#fffeeb}	/* blue 235 */

#col3 .stats .st_odd, 
#col3 .stats .st_odd-sp {background-color:#fffea0}	/* blue 160 */

#col3 .stats .st_even, 
#col3 .stats .st_even-sp {background-color:#fffebe}	/* blue 190 */

#col3 .stats .st_odd-sp, 
#col3 .stats .st_even-sp, 
#col3 .stats .nd_odd-sp, 
#col3 .stats .nd_even-sp {margin-top:1px}

#col3 .stats .selected {background-color:#fce034}	/* orange 205 */
#col3 .stats .visited {background-color:#fce034}	/* orange 205 */

/* Take these here just in case */
/* #col3 .stats .bottom {background-color: #ff3} */
/* #col3 .stats .rd_odd {background-color:#fffe8c} */
/* End */
#col3 .stats li:hover {background-color:#fce034}	/* blue 140 */

#col3 .stats .rd_odd:hover,
#col3 .stats .rd_even:hover {background-color:#fce034}	/* orange 205 */

#col3 .stats .selected:hover {background-color:#fce034}	/* orange 205 */
#col3 .stats .visited:hover {background-color:#fce034}	/* orange 205 */
/* * * * * * * * * * * * * * *
 * Start Footer			CSS:njl_conf.css
 */
#footer {background-color:#fbe11b}