/*Global Resets*/

* {margin:0;padding:0;}

h1,h2,h3,h4,h5,h6,blockquote,label,ul,ol,dl,fieldset,address {margin:0;padding:0;}

p {margin:0;text-indent:0;}

fieldset {padding:.5em;}

img {border:0;}

a img {border:0;}

ul, li {margin-left:0;padding:0;list-style-type:none;}

table {/*font-size:1em;*/}

/*Clearfix for FF float problem*/
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
/**********************/

body {
margin:0;
padding:0;
font-family: Tahoma,Arial, Helvetica, sans-serif;
color:#666;
font-size: 13px; 
line-height: 18px; 

background: #555 url(../images/denim_bg.png) 0 0 fixed;
} 

#page-bg {float:left; width: 100%;}

.page-center {margin:0 auto;}

#whitepage {background: #fff;float:left;width:100%; margin:40px 0 10px 0;
}

/*Layout CSS*/

/*menu area*/

#menuwrapper {z-index:200;float:right; width:100%;height: 130px;/* background: #f2f2f2; border-bottom: 1px solid #e3e3e3; margin-bottom: 20px;*/}

#menuwrapper-inner {}


/*header*/

#headerwrapper {width:100%; float:right;z-index:0;/*background: #f2f2f2;border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;*/}

#headermid {padding: 20px;}

#header-pad {padding: 0;}


/*top-module*/

#top-module-area { width:100%; float: left;}

#top-module-pad { padding:15px 0; margin: 0 auto;}

#top-2-module-area { float:left; width: 100%;}

#top-2-module-pad {  margin-bottom: 10px;}

#top-3-module-area {  }


/*Users 1-3*/

#top-users-area {float:left;width:100%;}
#top-users-pad {padding: 0 0;}


/*Main Area - Main Content - Left, Right, Outer-Left, Outer-Right ( Users 4 and 5 also ) */

#outer-container {width:100%; float:left;}

/*Users 4-5*/

#users45{ width:100%; float:left; position:relative; z-index:0;} 
#users45-inner { margin:12px; float:left;}

.users45-inner-2 {margin-right: 5px; padding-top:5px;width:100%;}


/*Users 6-9*/

#bottom-users-area {float:left; width:100%;}
#bottom-users-pad {padding:10px 0 20px 0;}


/*Users 10-13*/

#bottom-users-2-area {float:left; width:100%;}
#bottom-users-2-pad {padding:20px 0;}


/*Users 14-17*/

#bottom-users-3-area{float:left; width:100%;}
#bottom-users-3-pad {padding: 20px 0;}


/*footer area*/
#footertop {width: 100%; float:left;}
#footerzone{background: #f2f2f2;border-top: 1px solid #e3e3e3; font-size:11px; color:#666; width: 100%;float:left;}


#footer-frame {}

#footer-pad {padding: 10px 0;}/* wraps footerzone - do not pad sides*/

/*footer module proper*/
#footer_text {float:left;width:100%;background: #e3e3e3;}
#footer_text-pad {float:right;font-size: 11px;padding: 10px;}


/*bottom fixed*/

#bottomwrapper {position:fixed;bottom:0; width:100%;background: url(../images/50perblack.png); z-index:200;padding:10px 0; text-align:center;}
#bottomwrapper2 {position:fixed;bottom:0;width:100%;z-index:200; text-align:right;}


/* Back to Top Button */

#toTop {background:#222;border:1px solid #333;text-align:center;padding:5px 10px;z-index:10000;
position:fixed;bottom:10px;right:10px;cursor:pointer; color:#fff;text-decoration:none;font-size: 10px; }


/*Inner Content Area Incl Left and Right */

#inner-pad { width:100%;
float:left; 
z-index:0;
}

#inner-pad-border { float:left; width:100%;min-height:600px;

}


#contentframe {
width:100%; float:left;
}


#contentcolumn{
/*  min-height:500px; */
}


#mainbody-pad{
  padding: 10px 20px 20px;
}


/*Outer Columns*/

/*Outer Left*/

#outercolumn-l{ 

float: left;

height:100%;

padding:0;

margin-bottom: 20px;

}

#outerpad-l{

position:relative; 

z-index:2;

height: 100%;

}


/*Outer Right*/

#outercolumn-r{ 

float: right;

height:100%;

padding:0;

margin-bottom: 20px;

}


#outerpad-r{

position:relative; 

height: 100%;
 
}


.outer-mod{

width:100%; 
}



/*Left & Right Columns*/

#leftcolumn{

float: left;

position:relative;

}



#left-mod{
}



#rightcolumn{

float: left;

position:relative;


}

#right-mod{
}


/*CSS for Module Space Splitting*/

.userahalf {float: left;overflow: hidden;width: 50%;}

.userbhalf {float: right;overflow: hidden;width: 50%;}

.userathird {float: left;overflow: hidden; width: 33.333%;}

.userbthird {float: left;overflow: hidden;width: 33.333%; }

.userafourth {float: left;overflow: hidden;width: 24.9%;}

.userbfourth {float: left;overflow: hidden;width: 24.9%; }

.usersbinner3 {width:100%;}



/* Zones */
.zonespot 
{
float:left; width: 100%;margin-bottom: 10px;
font-size:12px; 
}



/*breadcrumb*/
#breadcrumb {height:30px; font-size:11px;width:100%;position:relative;border-left: 0px !important;background: #000;margin:0px;}
#breadcrumb-inner {height:24px;line-height: 30px; }
#breadcrumb a:link, #breadcrumb a:visited { font-weight: normal; border-bottom: 0px dotted #fff; color: #fff;}
#breadcrumb a:hover {/*border-bottom: 1px dotted;*/}



/*Social Icons*/
#social_icons {width:100%;height:0px;position:relative;left: -34px;top: 20px;}
#social_icons_inner {position:absolute;z-index: 20;}
#social_icons_top {background: url(../images/social_top.png); height:8px; width:100%;float:left;}
#social_icons_bottom {background: url(../images/social_bottom.png) 0 100%; height:8px; width:100%;float:left;}
#social_icons_inner-2 {width: 34px;background: url(../images/social_mid.png) repeat-y;float:left; }
#fb1-frame, #ms1-frame, #tw1-frame, #lnk1-frame, #rss1-frame, #digg1-frame   {float:left;height:25px;width:25px;padding:0px 0 8px 5px;}
#fb1 {background: url(../images/social_icons/facebook1.png) no-repeat top left;height: 30px;width:25px; position:absolute;}
#tw1 {background: url(../images/social_icons/twitter1.png) no-repeat top left;height: 30px;width:25px; position:absolute;}
#lnk1 {background: url(../images/social_icons/linkedin1.png) no-repeat top left;height: 30px;width:25px;position:absolute;}
#rss1 {background: url(../images/social_icons/rss1.png) no-repeat top left;height: 30px;width:25px;position:absolute;}
#ms1 {background: url(../images/social_icons/myspace1.png) no-repeat top left;height: 30px;width:25px;position:absolute;}
#digg1 {background: url(../images/social_icons/digg1.png) no-repeat top left;height: 30px;width:25px;position:absolute;}
#social_icons a:hover {background-position: bottom left;}



/*logo*/
#logo_frame {position:relative;width:100%;z-index:1;}
#logo-inner {margin:0 auto;position:relative;}
#logo {height:132px;width:180px;background: url(../images/logo.png) no-repeat;   position:absolute; top:10px; right:10px;}



/*small logo*/
#small_logo_frame {float:left; padding: 10px; }
#small_logo { float:left;background: url(../images/purejoomla_sm.png) no-repeat; width: 130px; height:24px;}
#small_logo a{ width:100%;height: 24px;float:left; }


/*banner*/
#banner-frame {position:relative; height: 80px; width: 100%; float:left;}
#banner {position:absolute;top:-10px; left: 0px; width:468px;height: 80px;}



/*small menu*/
ul.menu-nav {text-align:right; font-size: 11px;padding-top: 2px;}
ul.menu-nav li {background-image:none;padding:2px 10px; border-right: 1px dashed #233052; display:inline;}
ul.menu-nav li a {color:#006666;}
ul.menu-nav li a:hover {color:#fff;}
ul.menu-nav li#current a{border-bottom: 1px dotted;}



/**** Links *******************************************************************************************************/

a:link, a:visited {text-decoration:none;outline:none;color:#1b2794;}
a:hover{text-decoration:none;}

p a:link,p a:visited, a.linker:link,a.linker:visited {/*border-bottom:1px dashed;*/}
p a:hover ,a.linker:hover {text-decoration:none/*;border-bottom:1px dotted;*/}

ul li a:link {}

ul li a:hover {}

.contentpaneopen .buttonheading a {padding-right:3px;border-bottom:none;}

.contentpaneopen .buttonheading a:hover {padding-right:3px;border-bottom:none;}



/* Icons --- print, pdf, email */

ul.actions {
        text-align:right;
        padding:0 ;
        width:100%;
        margin:0
}
ul.actions li {
        display:inline; background: none;
}
ul.actions a {
        text-decoration:none
}



/**** lists ***********************************************************************************************************/


ul li p { padding:0; margin:0;}
#mainbody-pad ul {margin: 10px 0;}
ul li,  ul {list-style: none; text-indent:10px;}

li { padding-left: 7px;}

ul li {/*background:url(../images/indent3.png) no-repeat 6px 4px;*/ padding: 2px 0 2px 10px; }

ul.listcols2, ul.listcols3, ul.listcols4, ul.listcols5, ul.listcols6 {float:left;position:relative;padding-right: 15px;}
/*active linked lists*/

ul.mostread li a, ul.latestnews li a, ul#mainlevel li a, ul.menu li a, ul.small li a  {display:block;font-weight:normal;padding: 4px 0 4px 10px;}

ul.mostread li, ul.latestnews li, ul#mainlevel li, ul.menu li, ul.small li {padding:0;}
ul.mostread li.alternate, ul.latestnews li.alternate, ul#mainlevel li.alternate, ul.menu li.alternate  {}

ul.no-img li {background-image:none;}

ul.checklist {list-style: none;}

ul.checklist li {margin-left: 3px;padding: 0px 0 12px 18px;background: url(../images/accents/check.png) no-repeat 0px 0px;}

ul.checklist ul li {background:url(../images/indent2.png) no-repeat 0 6px;padding:0 0 2px 14px; font-size: .9em;}

ul.pluslist {list-style: none;}

ul.pluslist li {margin-left: 3px;padding: 0px 0 12px 18px;background: url(../images/accents/plus.png) no-repeat 0px 0px;}

ul.pluslist ul li {background:url(../images/indent2.png) no-repeat 0 6px;padding:0 0 2px 14px; font-size: .9em;}

ol li {margin-left: 35px;line-height: 170%;list-style:decimal;font-weight:normal;}



/**** Typography ***************************************************************************************************/

@font-face {
    font-family: 'JosefinSlabRegular';
    src: url('josefin/JosefinSlab-Regular-webfont.eot');
    src: url('josefin/JosefinSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('josefin/JosefinSlab-Regular-webfont.woff') format('woff'),
         url('josefin/JosefinSlab-Regular-webfont.ttf') format('truetype'),
         url('josfin/JosefinSlab-Regular-webfont.svg#JosefinSlabRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MetrophobicRegular';
    src: url('mp/Metrophobic-webfont.eot');
    src: url('mp/Metrophobic-webfont.eot?#iefix') format('embedded-opentype'),
         url('mp/Metrophobic-webfont.woff') format('woff'),
         url('mp/Metrophobic-webfont.ttf') format('truetype'),
         url('mp/Metrophobic-webfont.svg#MetrophobicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



h1 {font-size:2.6em; line-height: 1em; font-weight: normal; color:#1b2794;font-family: 'MetrophobicRegular', Arial, sans-serif;letter-spacing: 0; }

h2 {color:#000;font-size:2em;font-weight:normal; line-height:1.2em; }

h3 {color:#1b2794;font-size:1.6em; font-weight:normal; line-height:1.3em;font: 20px  Arial, sans-serif;letter-spacing: 0; text-align:right; }

h4 {color:#666;font-size:1.3em;line-height:2em; }

h5 {color:#000;font-style:italic;font-size:1.2em;line-height:2em; }

h6 {color:#1b2794;font-size:1.1em;line-height:2em; }

.contentheading, .item-page h2, .items-row h2, .items-leading h2 {font-family: Arial, sans-serif;letter-spacing: 0;font-size:24px;line-height:1.4em;text-indent:0px;text-align:right; }

.componentheading { color:#1b2794;font-size:2.5em;line-height:1.8em;}

.sectiontableheader {background:transparent;}

.small, .createdate, .modifydate {font-size:.8em;line-height: 1.3em;}

pre, .code {padding: 10px 15px;background: #e1e1e1;border-top: 5px solid #0099FF;border-bottom: 5px solid #0099FF; margin:15px 0 15px;color:#333;}

.dropcap {float: left;padding:7px 7px 0 0;display: block;color: #000; font:40px/20px Arial;}

.attn {font-weight:normal;padding-left: 36px;padding-right: 20px;color:#ddd;
background:#000 url(../images/accents/attn.png) no-repeat 6px 50%;border-top: 1px solid #1b2794;
border-bottom: 1px solid #1b2794;margin-bottom:4px;margin-top:4px;padding-top: 6px; padding-bottom: 6px;}

.info, .tip {font-weight:normal;padding-left: 36px;padding-right: 20px;color:#ddd;
background:#000 url(../images/accents/info.png) no-repeat 6px 50%;border-top: 1px solid #1b2794;
border-bottom: 1px solid #1b2794;margin-bottom:4px;margin-top:4px;padding-top: 6px; padding-bottom: 6px;}

.check {font-weight:normal;padding-left: 36px;padding-right: 20px;color: #ddd;
background:#000 url(../images/accents/info.png) no-repeat 6px 50%;border-top: 1px solid #1b2794;
border-bottom: 1px solid #1b2794;margin-bottom:4px;margin-top:4px;padding-top: 6px; padding-bottom: 6px;}

.highlight {color:#fff; padding: 0 5px;background:#0DB1FD;;font-weight: normal;}

#system-message {
font-size : 14px; color : #c30; text-align: center; width: auto; background-color: #FFFFC0;
border: solid 3px #DBCFB2; margin: 3px 0px 10px; padding: 3px 20px;
}
#system-message li {background:none; font-weight:bold;}


/*Image Formatting*/

img.frame {padding:0 0 22px 22px;background: url(../images/frame-bot-left.png) no-repeat bottom left; text-align:center;border: 0px solid #ddd; margin:4px 14px 0px 8px;}
img.frame-left {padding:0 0 22px 22px;background: url(../images/frame-bot-left.png) no-repeat bottom left; float:left; border: 0px solid #ddd; margin:4px 14px 0px 0px;}
img.frame-right {padding:0 0 22px 22px;background: url(../images/frame-bot-left.png) no-repeat bottom left; float:right; border: 0px solid #ddd; margin:4px 0px 0px 8px;}


/**** article info *************************************************************************************************/

dl.article-info  {font-size: .9em; margin-top:-35px;}
p.counter {padding: 10px;}
.article-info-term {visibility:hidden;}
/* pagenav */
#main ul.pagenav, .pagination  ul{
  list-style-type:none;
  padding:0;
  overflow:hidden;
}
ul.pagenav li, .pagination li
{
background-image:none;
  display:inline-block;
  padding:4px;
  margin:0;
}
#main ul.pagenav li
{
  line-height:2em
}
ul.pagenav li a, .pagination  ul li
{
  display:inline; 
  background: #fff; 
  padding:4px; 
  text-decoration:none;
  float:left;
  text-indent:0;
  color:#999; font-size: 1.5em;text-transform:uppercase;
  border: 1px dotted #ddd;
}
.pagination ul li a {
color: #1b2794;
}

ul.pagenav li.pagenav-prev
{float:left}
ul.pagenav li.pagenav-next
{float:right}
.pagination  ul li {margin-right:5px;}


/*PANE SLIDERS TOGGLERS -Contact Form-*/

.pane-sliders .pane-toggler {background: url(../images/toggler.png) no-repeat 0 50%;text-indent: 20px;}
.pane-sliders .pane-toggler-down {background: url(../images/toggler-down.png) no-repeat 0 50%;text-indent: 20px}


/*tables*/

tr.sectiontableentry1 td,td.sectiontableentry1, td.sectiontableentry1solid {padding: 6px;background-color:transparent;}

tr.sectiontableentry2 td,td.sectiontableentry2, td.sectiontableentry2solid {padding: 6px;background:#fff;}

td.article_column {padding:0 4px;}


/* polls table IE fix*/

.pollstableborder {text-align:left;}

.poll thead tr td{padding-bottom:10px;}

.poll .button {margin-top: 10px;}


/**** input box, readon, buttons ************************************************************************************/


.inputbox, .inputbox-2, input, textarea {
color:#666;
background:#fff; 
border:1px solid #ddd;
padding:3px;
}

.readmore  a:link, .readmore a:visited {
margin-top: 10px;border-bottom:none;background:#1b2794 url(../images/small_arrow.png) no-repeat right 6px; border: 1px dotted #7E1303;
padding:6px; text-indent: 20px; text-align:center; float:left;color:#fff; font-size: 12px; text-transform:uppercase;direction:rtl;
}
.readmore a:hover {}

.button, input.button, button.button, button.validate, button {
border: #ddd 1px solid; color: #1b2794;
padding:6px;font-size:1em;margin: 3px 0;
}
.button:hover {background-position: bottom;}

.search .button {}


/***** table of contents *******************************************************************************************/
.contenttoc th {font-size: 1.2em; font-weight:normal;padding: 6px 0; color: #000;}
table .contenttoc, div#article-index{ background: #fff; float: right; margin:10px; padding: 5px 15px 15px; border: 1px dotted #ddd;}
#article-index li {list-style:none;background: none;padding:0;margin:0;text-indent:0;line-height: 1.5em;}
.contenttoc a.active, .contenttoc a:hover, #article-index a.active, #article-index a:hover {color: #000;/* border-bottom: 1px dotted;*/}


fieldset{border:0;}
.button {cursor:pointer;}
#login-form .inputbox, .registration input, .profile-edit input, #login-form .inputbox, .contact .inputbox, .login-fields input, .remind input, .reset input 
{
}
p #login-form {padding:0;line-height: 1.7em;}
#login-form ul li {padding:0 0 0 6px;margin:0;background-position: 4px 2px;line-height:1.4em;}
.login-fields, .contact-form {float:left;width: 100%;}
#login-form label, #password-lbl, #username-lbl, .contact-form label { display: block;
    float: left;
    margin-right: 10px;
    width: 8em;}
#modlgn-username, #modlgn-passwd, .login-fields #password, .login-fields #username, .contact-form div {
    width: 9em;
}
#modlgn-remember  {margin-top: 9px;}



/**** Registration Form ******************************8***************************************************************/
#member-registration {
    padding: 0 5px;
}
#member-registration fieldset {
    border: 1px solid #ddd;
}
dt label { display: block;
    float: left;
    margin-right: 10px;
    }
  
form fieldset dt {
    clear: left;
    float: left;
    padding: 3px 0;
    width: 15em;
}
form fieldset dd {
    float: left;
    padding: 3px 0;
}
.searchintro {
    font-weight: normal;
    margin: 20px 0;
}
div.search {margin-top: 10px;}
#searchForm {
    padding: 0 5px;
}
.form-limit {
    margin: 20px 0 0;
    padding: 0 10px 0 20px;
    text-align: right;
}




/**** Blog Layout ***********************************************************************************************/

.blog-featured {
        padding: 0;
}

.items-leading {
        padding:0px 5px 10px 5px;
        overflow:hidden;
        margin-bottom:10px
}

.row-separator {
        display: block;
        clear: both;
        margin: 0;
        border: 0px;
        height:1px
}

.item-separator {
        display: none;
        margin: 0px;
}

.shownocolumns {
        width:98% !important;
}


.cols-1 {
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1 {
        width:46%;
        float:left;
}

.cols-2 .column-2 {
        width:46%;
        float:right;
        margin:0
}

.cols-3 .column-1 {
        float:left;
        width:29%;
        padding:0px 5px;
        margin-right:4%

}
.cols-3 .column-2 {
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3 {
        float:right;
        width:29%;
        padding:0px 5px
}

.items-row {
        overflow:hidden;
        margin-bottom:10px !important;
}

.column-1,
.column-2,
.column-3 {
        padding:10px 5px
}

.column-2 {
        width:55%;
        margin-left:40%;
}

.column-3 {
        width:30%
}

.blog-more {
        padding:10px 5px
}



/**** PJ ToolTips ***************************************************************changewidth***********************************/
/* Required Styles */
#pjToolTip { position: absolute; display: none; z-index: 50000;}
#pjToolTip .pjToolTipContent { margin:0; padding:0 10px;}

/* Theme the tips */
.pj-tooltip {
margin:0; width: 258px;
}
.pj-tooltip-top { height: 10px;  background: url(../images/pjtipsbg.png) no-repeat 0 0;width:100%;float:left; }
.pj-tooltip-bottom { height: 16px; background: url(../images/pjtipsbg.png) no-repeat 0 100%;width:100%;float:left; }
.pj-tooltip-mid { background: url(../images/pjtipsbg.png) no-repeat 0 50%;float:left; width: 100%; }
.pj-tooltip_heading { font-size: 13px;width: 100%;float:left;color: #fff; }
.pj-tooltip_body { font-size: 11px;color:#ddd; }

/* end PJ ToolTips */


#rsform_1_page_0
{
	direction:rtl;
}
#sf li a.changewidth1
{
width:80px;
}