/* CSS Document */

body{
padding:0px;
margin:0px;
font:12px/15px Arial, Helvetica, sans-serif;
color:#EDDDDC;
background:#000000 url(/images/body_bg.png) top left repeat-x;
}

td{
font:12px/15px  Arial, Helvetica, sans-serif;
color:#EDDDDC;
font-weight:normal;
}

div, h1, h2, h3, h4, p, img, ul, ol, li, form, input, textarea{
	padding : 0;
	margin : 0;
	}
p{
	padding : 0 0 8px 0;
	margin : 0;
	}
ul {
	list-style : none;
	}
img {
	outline : none;
	border : none;
	}
a {
	outline : none;
	text-decoration : none;
	}

#software_sort li h4 {
        display: inline;
        font: normal 10px "Verdana";

}



/*-------------------       Layout      --------------*/
.fontSize18{ font-size:18px; line-height:24px;}
.fontSize30{ font-size:30px; line-height:36px;}
.blueText{ color:#000;}
.whiteText{ color:#fff;}
.orangeLink{ color:#F56801; font-size:14px; line-height:18px; text-decoration:underline; font-weight:bold;}
.orangeLink:hover{ color:#fff; text-decoration:underline; font-weight:bold;}
.blueLink{ color:#26A7C7; text-decoration:underline; font-weight:bold;}
.blueLink:hover{ color:#000; text-decoration:none; font-weight:bold;} 
.grayText{ color:#383838;}
.whiteLink{ color:#fff; text-decoration:underline; font-weight:bold; font-size:11px;}
.whiteLink:hover{ color:#fff; text-decoration:none; font-weight:bold;} 

#header{
width:950px;
height:254px;
background:url(/images/header_img.png) top right no-repeat;
}
#topMenu{
background:url(/images/menu_bg.png) top left no-repeat;
}
#topMenu a{ color:#FFFFFF; font-weight:bold;}
#topMenu a:hover{ color:#000; font-weight:bold;}
#centerCol{
padding:8px 14px 10px 14px;
border:#670500 1px solid; 
background:#510501 url(images/center_bg.gif) top left repeat-x;
}

#welcome{
padding:15px 20px 15px 20px;
border:#780C07 1px solid;
color:#EDDDDC;
background:#510501 url(images/welcome_bg.gif) top left repeat-x;
}
#welcome h2{
font-size:22px; 
line-height:28px; 
padding:0 0 8px 0;
display:block;
}
#welcome strong{ color:#FFFFFF;}

.box_heading{
border:#A21507 1px solid;
color:#fff;
background:#510501 url(images/heading_bg.gif) top left repeat-x;
}
.reviewsBox{padding:16px 0 20px 0; background:url(images/border_bg.gif) bottom center no-repeat ;}
.lightYellow_link{
color:#F3D478;
font-weight:bold;
text-decoration:none;
}
.lightYellow_link:hover{
color:#fff;
font-weight:bold;
text-decoration:underline;
}
.leftHeading{
font-size:20px;
line-height:24px;
color:#FFFFFF;
padding-left:60px;
background:url(/images/left_bg.png) top left no-repeat ;
}


.leftPanelBoxOuter{
padding:10px 18px 10px 18px;
background:#271C1B url(images/left_bg.png) top left repeat-x;
}

.leftPanelBoxOuter li{
display:block;
padding:8px 0 8px 0;
background:url(images/dot.gif) bottom left repeat-x;
}
.leftPanelBoxOuter li a{
display:block;
padding:0 0 0 25px;
color:#fff;
background:url(images/bullet.gif) top left no-repeat;
}
.leftPanelBoxOuter li a:hover{ color:#E65F28;}

.chartHeading td{ padding:8px 3px 8px 3px;}

/*--------------------  footer ------------------------------*/

#footer{
	padding:40px 0 40px 0;
	background:#000000 url(/images/footer_bg.png) left bottom repeat-x;
}
#footer td { color:#E4E3E3;}
#footer a{ color:#FFF8F8;}
#footer a:hover{ color:#FFF8F8; text-decoration:underline;}




 .info, .success, .warning, .error5, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/images/warning.png');
}
.error5 {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/images/error.png');
} 

/* Search */

#software_content {
	float: left;
 	color: #333;
 	background: #fff;
 	padding: 40px 50px 40px 70px;


	}

#software_sort {
        float: left;
        position: relative;
        width: 100%;
        padding: 0 0px;
        background: #000;
        border: none;
        border-bottom: 2px solid #72B359;
        margin-top: 0px;
}


#software_sort ul {
        list-style: none;
        padding: 10px 0;
        margin-left: 5px;

}

#software_sort li {
        display: inline;

}

#software_sort li h4 {
        display: inline;
        font: normal 10px "Verdana";

}

.search_btn{
        position: relative;
        margin-left: 10px;
        background: #01AF02;
        color: #fff;
        border: 1px solid #333;
        font-size: 11px;
        padding: 5px 8px;
}

.search_btn:hover
{
		background: #2ab31b;
                padding: 4.5px 7.5px;
}


#software_titles {
        float: left;
        position: relative;

        
        text-align: center;
        border-bottom: 1px solid #666;
        padding: 10px;
        font-size: 11px;
}


#pkinfo {
        float: left;
        position: relative;
      
        list-style: none;
        
        padding-right: 0px;
        text-align: center;
        font-size: 10px;

}


#pkinfo h3 {
        padding: 5px 0;
        font-size: 12px;
}

#pkinfo h4 a {
        color: #333;
        font-size: 13px;
}

#pkinfo p {
       margin: 5px 0;
       font-weight: normal;
}


#trigger-list
{

		margin: 10px 0;
 		 padding: 0;
}

#trigger-list li
{
		 display: inline-block;
		 *display: inline;
		 zoom: 1;
}

#trigger-list .trigger
{
		 display: inline-block;
		 background: #ddd;
		 border: 1px solid #777;
		 padding: 5px 20px;
		 margin: 0 5px;
		 font: bold 12px Arial, Helvetica;
		 text-decoration: none;
		 color: #333;
		 -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
		 border-radius: 3px;
}



/*--------------------------------------*/
.centered
{
		 text-align: center;
}


.twitter-follow-button
{
		 position: relative;
		 top: 7px;
}

	

.paybox {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #000;
border: 1px solid #eee;
border: 1px solid rgba(0, 0, 0, 0.05);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.systemessage {
border:1px solid;
border-color:#e92d1f; 
background-color:#1284f7; 
text-align:center; 
font-size:12px; 
color:#ffffff;
border-radius:6px; 
-moz-border-radius:6px; 
-khtml-border-radius:6px; 
width:100%
}

.tooltip{
   			
display: inline;
    		position: relative;
		}
		
		.tooltip:hover:after{
    		background: #333;
    		background: rgba(0,0,0,.8);
    		border-radius: 5px;
    		bottom: 26px;
    		color: #fff;
    		content: attr(tooltitle);
    		left: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 98;
    		width: 220px;
		}
		
		.tooltip:hover:before{
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 20px;
    		content: "";
    		left: 50%;
    		position: absolute;
    		z-index: 99;
		}



.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.6);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
	}

	.modalDialog:target {
		display: block;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 600px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}

	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #ff1504; }



#tabs{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li{
  float: left;
  margin: 0 .5em 0 0;
}

#tabs a{
  position: relative;
  background: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(top, #fff, #ddd);
  background-image: -moz-linear-gradient(top, #fff, #ddd);
  background-image: -ms-linear-gradient(top, #fff, #ddd);
  background-image: -o-linear-gradient(top, #fff, #ddd);
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  padding: .7em 3.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
  background: #fff;
}

#tabs a:focus{
  outline: 0;
}

#tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(top, #fff, #ddd);
  background-image: -moz-linear-gradient(top, #fff, #ddd);
  background-image: -ms-linear-gradient(top, #fff, #ddd);
  background-image: -o-linear-gradient(top, #fff, #ddd);
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-transform: skew(10deg);
  -moz-transform: skew(10deg);
  -ms-transform: skew(10deg);
  -o-transform: skew(10deg);
  transform: skew(10deg);
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;  
}

#tabs #current a,
#tabs #current a::after{
  background: #fff;
  z-index: 3;
}

/* ------------------------------------------------- */

#content
{
    background: #fff;
    padding: 2em;
	height: 420px;
	position: relative;
	z-index: 2;	
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    -moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}

#content h2, #content h3, #content p
{
    margin: 0 0 15px 0;
}

/* ------------------------------------------------- */

#about
{
    color: #999;
}

#about a
{
    color: #eee;
}