/*------------------------------------*/
/*  MAIN PAGE LAYOUT                  */
/*------------------------------------*/
 body {background-color: #ffffff; background-image: url(../images/bg_body_main.png); font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif;} 
#container {width:978px; padding-top:10px; padding-bottom:20px; margin:0 auto; }
#hd {height:130px;}
#bd .tl,#bd .bl{padding-left:8px;}
#bd .tr,#bd .br{padding-right:8px;}
#bd .tl{background:transparent url(../images/corners-menu.gif) no-repeat left -40px; overflow:visible}
#bd .tc{height:34px;background:transparent url(../images/tb-menu.gif) repeat-x 0 0; overflow:visible}
#bd .tr{background:transparent url(../images/corners-menu.gif) no-repeat right top; overflow:visible}
#bd .ml{background:transparent url(../images/l-white.gif) repeat-y 0;padding-left:4px;overflow:hidden;zoom:1;}
#bd .mc{background:transparent url(../images/1x1.gif) repeat-x; padding:0; height:auto}
#bd .mr{background:transparent url(../images/r-white.gif) repeat-y right;padding-right:4px;overflow:hidden;}
#bd .bl{background:transparent url(../images/corners-white.gif) no-repeat 0 -16px;zoom:1;}
#bd .bc{background:transparent url(../images/tb-white.gif) repeat-x 0 -8px;height:8px;overflow:hidden;}
#bd .br{background:transparent url(../images/corners-white.gif) no-repeat right -24px;}

#ft {color:#666666; margin-left: auto; margin-right: auto; padding: 10px 0 20px 0}

.sitelogo  {width:300px; height:117px; position:absolute; z-index:1; margin-left:5px; background:url(../images/OG_society.jpg);}
.siteadd   {display:inline; float:right; width:300px; height:117px; position:absolute; z-index:1; margin:0px 4px 0 670px; text-align:right}

#sidebar   {background-color:#ffffff; text-align:center ;display:inline /*Fix IE floating margin bug*/; float:right; width:190px; font-size:1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}

/* CONTAINER */
.content   {display:inline; /*Fix IE floating margin bug*/; float:left; width:910px; padding:20px 30px 20px 30px; background-color:#ffffff; font-size:1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.content_1col {width:700px; background-color:#ffffff; padding-bottom:20px;}
.content_2col_leftcolumn {display:inline; float:left; width:300px;  background-color:#ffffff; padding-bottom:20px;}
.content_2col_rightcolumn {display:inline; float:right; width:330px; background-color:#ffffff; padding-bottom:20px; padding-right:30px}


/*------------------------------------*/
/*  PARAGRAPH and Text formats        */
/*------------------------------------*/

/*------------------------------------*/
/* IMAGES                             */
/*------------------------------------*/

.content img {float:left; margin:3px 15px 7px 0; border:0;}
.content img.center {float:none; display:block; margin:0 auto; }
.content img.right {float:right; margin:3px 0 7px 10px;}
// .content img.center {clear:both; float:none; display:block; margin:0 auto; }
// .content img.right {clear:both; float:right; margin:3px 0 7px 10px;}

/*------------------------------------*/
/* LINKS                              */
/*------------------------------------*/

/* Text links */
.content a{color:#FF6600; font-weight:bold; text-decoration:none;}
.content a:hover{color:#FF6600; font-weight:bold; text-decoration:underline;}
.content a:visited{color:#FF6600; font-weight:bold; text-decoration:none;}
.content a:active{color:#FF6600; font-weight:bold; text-decoration:none;}


/*Image links */
.content a img {border:0}
.content a:hover img {border:solid 1px rgb(175,175,175);}


/* HEADING (1-Column / 2-Column) */
.content h1 {color:#666666; margin:0; padding:15px 0 10px 0; border-bottom:0px;  font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:150% /*IE6*/;}
.content h2 {/*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0; padding:15px 0 0 0; border:0;; color:rgb(75,75,75); font-weight:bold; font-size:125% !important /*Non-IE6*/; font-size:135% /*IE6*/;}
.content h3 {margin:5px 0 0 0; padding:10px 0 0 0; color:#666666; font-weight:bold; font-size:110% !important /*Non-IE6*/; font-size:120% /*IE6*/;}
.content h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.content h4 {margin:0 0 0 0; padding:0; color:rgb(75,75,75); font-weight:bold; font-size:105% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content h5 {margin:0 0 0 0; padding:0; color:rgb(75,75,75); font-weight:bold; font-size:105% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content h6 {margin:0 0 0 0; padding:0; color:rgb(50,50,50); font-weight:normal; font-size:105% !important /*Non-IE6*/; font-size:115% /*IE6*/;}


/* PARAGRAPH TEXT */
.content p {margin:10px 0 5px 0; color:#666666; padding: 0; text-align:justify; font-size:110% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content p.details {margin:-0.2em 0 1.0em 0;  font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/* LIST */
 
.content ul {margin:0; padding:10px 20px 10px 20px; list-style:none;}
.content ul li {margin:0 0 0.3em 2px; padding:0 0 10px 12px; background:url(../images/bg_bullet.gif) no-repeat 0 0.5em; line-height:1.3em;}
.content ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.content ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em;}
.content ul.indent {padding:0 50px 0 50px;}
.content ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}
ul.x-tab-strip li {float:left;margin:0 0 0 2px;background:none;line-height:normal;padding:0 0 0 0px;}
ul.x-tab-strip-top {padding:2px 0 0 0;}

/* TABLE */
.content table td {background-color:#E1E1E1; border:0px solid #FFFFFF; color:#505050; font-size:110%; font-weight:normal; height:3em; padding:2px 7px; text-align:left;}



/*------------------------------------*/
/*  NAVIGATION MENU                   */
/*------------------------------------*/

/* MAIN MENU */
.menu {text-shadow: 0px 0px; float:left; width:978px; border:none; color: white; font-size:1.0em; font-size:110%;} /*Color navigation bar normal mode*/
.menu a {color:#666666; font-weight:bold; text-decoration:none;}
.menu a:hover {color:#666666; text-decoration:underline;}
.menu a:visited {color:#666666;}


.menu ul {list-style-type:none;}
.menu ul li {float:left; position:relative; z-index:1000;}
.menu ul li ul {display:none; border:none;}
.menu ul li ul {margin-left:-30px; padding:0 30px 30px 30px;} /*Sticky hover zones*/
.menu ul li a {float:left; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.menu ul li:hover {width:auto;}
.menu table {position:absolute; z-index:999; top:0; left:0; border-collapse:collapse;}

/*Non-IE6*/
.menu ul li:hover a {background-color:#ffffff; text-decoration:none; background:url(../images/tb-menu-select.gif) top center; } /*Color main cells hovering mode*/
.menu ul li:hover ul {display:block; position:absolute; z-index:998; top:3.0em; margin-top:0.1em; left:0;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a:hover { color: #336600; background-color:#999999; text-decoration:none; background:url(../images/tb-submenu-select.gif) top center;} /*Color subcells hovering mode*/

.menu ul li:hover ul li a {display:block; width:15em; height:auto; line-height:1.3em; margin-left:-1px; padding:6px 16px; background-color:#f6f6f6; font-weight:normal; background-image:none;} /*Color subcells normal mode*/

/*IE6*/
.menu ul li a:hover { background-color:#999999; text-decoration:none; background:url(../images/tb-menu-select.gif) top center; } /*Color main cells hovering mode*/
.menu ul li a:hover ul {display:block; position:absolute;z-index: 998; top:3.1em; top:3.0em; left:0; marg\in-top:0.1em;}
.menu ul li a:hover ul li a {display:block; width:10em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:#f6f6f6; font-weight:normal;} /*Color subcells normal mode*/
.menu ul li a:hover ul li a ul {visibility:hidden; height:0px; width:0px; position:absolute; z-index: 997;}
.menu ul li a:hover ul li a:hover {background:url(../images/tb-submenu-select.gif) top center; background-color:#999999; text-decoration:none;} /*Color subcells hovering mode*/





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


.x-box-white .x-box-bl,.x-box-white .x-box-br,.x-box-white .x-box-tl,.x-box-white .x-box-tr{background-image:url(../images/default/box/corners-white.gif);}
.x-box-white .x-box-bc,.x-box-white .x-box-mc,.x-box-white .x-box-tc{background-image:url(../images/default/box/tb-white.gif);}
.x-box-white .x-box-mc{background-color:#ffffff;}
.x-box-white .x-box-mc h3{color:#17385b;}
.x-box-white .x-box-ml{background-image:url(../images/default/box/l-white.gif);}
.x-box-white .x-box-mr{background-image:url(../images/default/box/r-white.gif);}




/*------------------------------------*/
/*  Ext Styling                       */
/*------------------------------------*/

.x-panel {
    border-style: solid;
    border-color: #d0d0d0;
}
.x-panel-header {
    color:#333;
	border:1px solid #d0d0d0;
    background-image:url(../images/gray/panel/white-top-bottom.gif);
}

.x-panel-body {
    border-color:#d0d0d0;
}

.x-panel-bbar .x-toolbar {
    border-color:#d0d0d0;
}

.x-panel-tbar .x-toolbar {
    border-color:#d0d0d0;
}

.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
    border-color:#d0d0d0;
}
.x-panel-body-noheader, .x-panel-mc .x-panel-body {
    border-color:#d0d0d0;
}
.x-panel-tl .x-panel-header {
    color:#333;
}
.x-panel-tc {
	background-image:url(../images/gray/panel/top-bottom.gif);
}
.x-panel-tl {
	background-image:url(../images/gray/panel/corners-sprite.gif);
    border-color:#d0d0d0;
}
.x-panel-tr {
	background-image:url(../images/gray/panel/corners-sprite.gif);
}
.x-panel-bc {
	background-image:url(../images/gray/panel/top-bottom.gif);
}
.x-panel-bl {
	background-image:url(../images/gray/panel/corners-sprite.gif);
}
.x-panel-br {
	background-image:url(../images/gray/panel/corners-sprite.gif);
}
.x-panel-mc {
    background:#f1f1f1;
}
.x-panel-mc .x-panel-body {
    background:transparent;
    border: 0 none;
}
.x-panel-ml {
	background-image:url(../images/gray/panel/left-right.gif);
}
.x-panel-mr {
	background-image:url(../images/gray/panel/left-right.gif);
}

/* Tools */
.x-tool {
    background-image:url(../images/gray/panel/tool-sprites.gif);
}

/* Ghosting */
.x-panel-ghost {
    background:#e0e0e0;
}

.x-panel-ghost ul {
    border-color:#b0b0b0;
}

.x-grid-panel .x-panel-mc .x-panel-body {
    border:1px solid #d0d0d0;
}

/* Buttons */

.x-btn-left{
	background-image:url(../images/gray/button/btn-sprite.gif);
}
.x-btn-right{
	background-image:url(../images/gray/button/btn-sprite.gif);
}
.x-btn-center{
	background-image:url(../images/gray/button/btn-sprite.gif);
}

/* Layout classes */

.x-border-layout-ct {
    background:#f0f0f0;
}

.x-accordion-hd {
	background-image:url(../images/gray/panel/light-hd.gif);
}

.x-layout-collapsed{
    background-color:#eee;
    border-color:#e0e0e0;
}
.x-layout-collapsed-over{
	 background-color:#fbfbfb;
}


/* qtips */
.x-tip .x-tip-top {
	background-image:url(../images/gray/qtip/tip-sprite.gif);
}
.x-tip .x-tip-top-left {
	background-image:url(../images/gray/qtip/tip-sprite.gif);
}
.x-tip .x-tip-top-right {
	background-image:url(../images/gray/qtip/tip-sprite.gif);
}
.x-tip .x-tip-ft {
	background-image:url(../images/gray/qtip/tip-sprite.gif);
}
.x-tip .x-tip-ft-left {
	background-image:url(../images/gray/qtip/tip-sprite.gif);
}
.x-tip .x-tip-ft-right {
	background-image:url(../images/gray/qtip/tip-sprite.gif);
}
.x-tip .x-tip-bd-left {
	background-image:url(../images/gray/qtip/tip-sprite.gif);
}
.x-tip .x-tip-bd-right {
	background-image:url(../images/gray/qtip/tip-sprite.gif);
}

/* Toolbars */

.x-toolbar{
	border-color:#d0d0d0;
    background:#f0f4f5 url(../images/gray/toolbar/bg.gif) repeat-x top left;
}
.x-toolbar button {
    color:#444;
}
.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
    background-image:url(../images/gray/toolbar/btn-arrow.gif);
}
.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
    background-image:url(../images/gray/toolbar/btn-arrow.gif);
}
.x-toolbar .x-btn-over .x-btn-left{
	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .x-btn-over .x-btn-right{
	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .x-btn-over .x-btn-center{
	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .x-btn-over button {
    color:#111;
}
.x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
}

.x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
	background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .ytb-sep {
	background-image: url(../images/default/grid/grid-split.gif);
}

/* Tabs */

.x-tab-panel-header, .x-tab-panel-footer {
	background: #EAEAEA;
	border-color:#d0d0d0;
}


.x-tab-panel-header {
	border-color:#d0d0d0;
}

.x-tab-panel-footer {
	border-color:#d0d0d0;
}

ul.x-tab-strip-top{
	background:#dbdbdb url(../images/gray/tabs/tab-strip-bg.gif) repeat-x left top;
	border-color:#d0d0d0;
    padding-top: 2px;
}

ul.x-tab-strip-bottom{
	background-image:url(../images/gray/tabs/tab-strip-btm-bg.gif);
	border-color:#d0d0d0;
}

.x-tab-strip span.x-tab-strip-text {
	color:#333;
}
.x-tab-strip-over span.x-tab-strip-text {
	color:#111;
}

.x-tab-strip-active span.x-tab-strip-text {
	color:#333;
}

.x-tab-strip-disabled .x-tabs-text {
	color:#aaaaaa;
}

.x-tab-strip-top .x-tab-right {
	background-image:url(../images/gray/tabs/tabs-sprite.gif);
}

.x-tab-strip-top .x-tab-left {
	background-image:url(../images/gray/tabs/tabs-sprite.gif);
}
.x-tab-strip-top .x-tab-strip-inner {
	background-image:url(../images/gray/tabs/tabs-sprite.gif);
}

.x-tab-strip-bottom .x-tab-right {
	background-image:url(../images/gray/tabs/tab-btm-inactive-right-bg.gif);
}

.x-tab-strip-bottom .x-tab-left {
	background-image:url(../images/gray/tabs/tab-btm-inactive-left-bg.gif);
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
	background-image:url(../images/gray/tabs/tab-btm-right-bg.gif);
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
	background-image:url(../images/gray/tabs/tab-btm-left-bg.gif);
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
	background-image:url(../images/gray/tabs/tab-close.gif);
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
	background-image:url(../images/gray/tabs/tab-close.gif);
}

.x-tab-panel-body {
    border-color:#d0d0d0;
    background:#fff;
}
.x-tab-panel-bbar .x-toolbar {
    border-color: #d0d0d0;
}

.x-tab-panel-tbar .x-toolbar {
    border-color: #d0d0d0;
}

.x-tab-panel-header-plain .x-tab-strip-spacer {
    border-color:#d0d0d0;
    background: #eaeaea;
}

.x-tab-scroller-left {
    background-image: url(../images/gray/tabs/scroll-left.gif);
    border-color:#aeaeae;
}
.x-tab-scroller-right {
    background-image: url(../images/gray/tabs/scroll-right.gif);
    border-color:#aeaeae;
}

/* Window */

.x-window-proxy {
    background:#e0e0e0;
    border-color:#b0b0b0;
}

.x-window-tl .x-window-header {
    color:#555;
}
.x-window-tc {
	background-image:url(../images/gray/window/top-bottom.png);
}
.x-window-tl {
	background-image:url(../images/gray/window/left-corners.png);
}
.x-window-tr {
	background-image:url(../images/gray/window/right-corners.png);
}
.x-window-bc {
	background-image:url(../images/gray/window/top-bottom.png);
}
.x-window-bl {
	background-image:url(../images/gray/window/left-corners.png);
}
.x-window-br {
	background-image:url(../images/gray/window/right-corners.png);
}
.x-window-mc {
    border:1px solid #d0d0d0;
    background:#e8e8e8;
}

.x-window-ml {
	background-image:url(../images/gray/window/left-right.png);
}
.x-window-mr {
	background-image:url(../images/gray/window/left-right.png);
}
.x-panel-ghost .x-window-tl {
    border-color:#d0d0d0;
}
.x-panel-collapsed .x-window-tl {
    border-color:#d0d0d0;
}

.x-window-plain .x-window-mc {
    background: #e8e8e8;
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
    border-top:1px solid #d0d0d0;
    border-left:1px solid #d0d0d0;
}

.x-window-plain .x-window-body {
    border-left:1px solid #eee;
    border-top:1px solid #eee;
    border-bottom:1px solid #d0d0d0;
    border-right:1px solid #d0d0d0;
    background:transparent !important;
}

body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
    background-color: #e4e4e4;
}


/* misc */
.x-html-editor-wrap {
    border-color:#d0d0d0;
}

/* Borders go last for specificity */
.x-panel-noborder .x-panel-body-noborder {
    border-width:0;
}

.x-panel-noborder .x-panel-header-noborder {
    border-width:0;
    border-bottom:1px solid #d0d0d0;
}

.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
    border-width:0;
    border-bottom:1px solid #d0d0d0;
}

.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
    border-width:0;
    border-top:1px solid #d0d0d0;
}

.x-window-noborder .x-window-mc {
    border-width:0;
}
.x-window-plain .x-window-body-noborder {
    border-width:0;
}

.x-tab-panel-noborder .x-tab-panel-body-noborder {
	border-width:0;
}

.x-tab-panel-noborder .x-tab-panel-header-noborder {
	border-top-width:0;
	border-left-width:0;
	border-right-width:0;
}

.x-tab-panel-noborder .x-tab-panel-footer-noborder {
	border-bottom-width:0;
	border-left-width:0;
	border-right-width:0;
}


.x-tab-panel-bbar-noborder .x-toolbar {
    border-width:0;
    border-top:1px solid #d0d0d0;
}

.x-tab-panel-tbar-noborder .x-toolbar {
    border-width:0;
    border-bottom:1px solid #d0d0d0;
}