/*********************************************************/
/********************** Recplex ****************/
/*********************************************************/

/*************************/
/*** Core html setup  ***/
/************************/  
body {font-family: Verdana, Helvetica,Arial,sans-serif; margin: 0; font-size: small; background: #fff;}
a:link, a:visited {font-weight: normal; color: #1d5b77; font-weight: bold;}
a:hover {color:#FF0000;}
a:hover {text-decoration: underline; font-weight: bold;} 
input.button { cursor: pointer;}
p {margin:0 10px 0 0;}
img {border: 0 none;}
form {margin: 0; padding: 0;}
h1 {position: absolute; text-indent: -9999px;}
#rplexlink a{height: 400px; width:598px; display:block;}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/  
div#wrapper {margin: 0 auto; width: 780px;} 
div#key_content {position: relative;} 
div#header {height: 395px; overflow: hidden; text-align: left; position: relative; background: url(../images/recplex.jpg) 0 0 repeat-y; margin:0; padding:0;}
.moduletable_menu {position: absolute; right: 10px; top: 200px;}
.moduletable_menu  ul {margin:0; padding:0;}
.moduletable_menu  ul li {list-style: none; margin:0; padding:0;}
.moduletable_menu  ul li a{text-decoration: none;} 
.moduletable_menu  ul li a:hover{text-decoration: none; color:#FF0000}

div#footer {height: 20px;}

#main_wrapper {background: #fff;}
#maincolumn {float: left; width: 450px; padding-left: 0;}


.contentpaneopen, .blog {width: 100%;}
#maincolumn p {line-height: 1.3em; color: #262626; font-size: 1 em;}
#leftcolumn {float: left; padding: 0 0 15px 0; margin: 0 0 0 1px;}

#main_content {margin: 10px 175px 0 0}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

/* headers */  

.moduletable-calendar {margin: 25px 0 0 15px;}
legend {margin: 0; font-weight: bold; font-family: Helvetica,Arial,sans-serif; font-size: 1.5em; padding-left: 0px; margin-bottom: 10px; text-align: left;}
#home1 a{position: absolute;  height: 105px; width: 480px; left: 12px; top:0; z-index:100; padding: 10px 10px;}

/* small text */  
.modifydate {height: 20px; vertical-align: bottom; font-size: .90em; color: #999; font-weight: normal; text-align: left;}
.createdate {height: 20px; vertical-align: top; font-size: .90em; color: #999; font-weight: normal; vertical-align: top; padding-bottom: 5px; padding-top: 0px;}
a.readon {margin-top: 10px; display: block; float: left; background: url(../images/mw_readon.png) top right no-repeat; padding-right: 20px; line-height: 14px; height: 16px;}

/* form validation */  
.invalid {border-color: #ff0000;}
label.invalid {color: #ff0000;}

div#footer #mwv p {float: left; margin: 10px 0 0 0; font-size:.85em}


#skip_nav a {left:-10000px; position:absolute;text-decoration:none;}


/* Wysiwyg Pro Edit Classes */ 
.next_line {display: block; clear:both; position: relative; top: 20px; padding-bottom: 15px;}
.image_right_border {float:right; margin: 0 0 5px 15px; padding: 3px; border: 1px solid #aaa;}
.image_right {float:right; margin: 0 0 5px 7px;}
.image_left_border {float:left; margin: 0 15px 5px 0; padding: 3px; border: 1px solid #aaa;}
.image_left {float:left; margin: 0 7px 5px 0;}
.image_centered {margin: 0 auto; display: block;}
.image_centered_border {display: block; margin: 0 auto; padding: 2px; border: 1px solid #aaa;}
.external {padding: 0 15px 0 0; background:url(../images/external.gif) top right no-repeat;}
.centre_text {text-align:center;}
.centered {text-align:center;}


/* spacers */  
.clr {clear: both;}
table.blog span.article_separator {display: none;}
table.blog .contentpaneopen {margin-bottom: 20px;}


/* edit button */   
.contentpaneopen_edit {float: left;}



/* Frontend Editing*/ 
fieldset {border: 1px solid #ccc; margin-top: 15px; padding: 15px;}
legend {margin: 0; padding: 0 10px;}
td.key {border-bottom:1px solid #eee; color: #666;}

/* Tooltips */ 
.tool-tip {float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px;}
.tool-title {padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat;}
.tool-text {font-size: 100%; margin: 0;}

/* System Standard Messages */ 
#system-message {margin-bottom: 20px;}
#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Error Messages */ 
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */ 
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}

#syndicate {float:left;	padding-left: 25px;}
#component-contact table td {padding: 2px 0;}