/* Standard 68 Classifieds Style Sheet */
body{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
        margin-left:10px;
        margin-right:10px;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
/* Main Tables
 * This class handles the appearence of the
 * the main tables used with 68classifieds
 *
*/
table.main {
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

/* TH
 * This class handles the appearence of the
 * the first row in all tables. With the default
 * template this is the blue row.
 */
th {
	color: White;
	font-size: 17px;
	font-family: "tahoma";
	font-weight: bold;
	text-align: left;
	background: transparent;
	text-indent: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #5E7D5E;
                   text-indent: 5px;

}

/* Table Border
 * This class handles the inside table layout
 *
*/
.tableborder {
	border: 2px solid #CBD3E1;
	width: 100%;
	padding: 0px;
	margin:0px;
             }
/* Sortable 
* Sort the show listings table
*
*/
table.sortable 
{
	border: 1px solid #000;
	width: 100%;
	padding: 0px;
	margin:0px;
}
table.sortable span.sortarrow 
{
    text-decoration: none;
	color: #FFF;
}
a.sortheader:link {
	text-decoration: underline;
	color: #FFF;
}
a.sortheader:visited {
	text-decoration: underline;
	color: #FFF;
}
a.sortheader:hover {
	text-decoration: none;
	color: #FFF;
}
/* Featured Listings
 * td.featured handles the display of featured listings
 *
*/
td.featured{
	background-color:#F1F1F1;
}
/* Highlighted Listings
 * td.highlighted handles the display of highlighted listings
 *
*/
td.highlighted{
	/*background-color:#CAE6CE;*/
	background-color:#FFF7D2;
}
/* row1 & row2
 * This section handles alternating rows
 *
*/
.row1{
     background-color:#d0d0d0;
     background-color:#F1F1F1;
}
.row2{
     background-color:#FFF;
}

/* Form styles */
/*
 * The form styles section displays information about the forms
 * formstrip is the part above the form fields
 * formleft & formright deal with the left and right <td> in the form output.
 *
*/

.formstrip { background-color: #FFF; color: #5E6B7D; font-weight: bold; font-size: 12px; padding: 4px; }
.formstriperror {background-color: #FFF; color: #FF0000; font-weight: bold; font-size: 12px; padding: 4px; text-align: center; }

/*
.formstrip a:link, .formstrip a:active, .formstrip a:visited { color: #448 }
.formstrip a:hover { color: #5487BF }
*/

.formleft  {
	background-color: transparent;
	font-weight: bold;
	padding: 5px;
	margin: 5px;
	text-align: left;
        color: blue;
}

.formright  {
	background-color: #FFFFFF;
	padding: 5px;
	margin: 5px;
	text-align: left;
}
.formsmall  { background-color: #FFFFFF; color: #000000; padding: 4px; }
input,select,textarea
{
	border: 1px solid  #859EE7;
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Geneva;
	font-size: 12px;
}

.topcatselect
{
	color: darkblue;
	background-color: #D6DFF3;                
}

.selectcat
{
    background: #FBFCFF;                
}


/* Required fields */
.required {font-size: 9px; font-weight: bold; color: #FF0000; }
.error{
	color: #000000;
	background: #FFF;
	margin: 5px;
	padding: 5px;
	width: 80%;
	border: 1px solid red;
	text-align: center;
}

/* Expired Listings */
.expired {font-weight: bold; color:#000000; }
a:link {
	color: #E1771E;
	text-decoration: none;
             }
a:visited {
	text-decoration: none;
	color: #E1771E;
                
}
a:hover {
	text-decoration: none;
	color: #FD8C00;
                }
a:active {
	text-decoration: none;
	color: #E1771E;
                }

/* Link Styles
 *
*/
.whitelink:link {
	color: #ffffff;
	text-decoration: none;
}
.whitelink:visited {
	text-decoration: none;
	color: #ffffff;
}
.whitelink:hover {
	text-decoration: none;
	color: #ffffff;
}
.whitelink:active {
	text-decoration: none;
	color: #ffffff;
}
.bluelink:link {
                font-size: 14px;
	color: Blue;
	
}
.bluelink:visited {
                font-size: 14px;
	
	color: Blue;
}
.bluelink:hover {
                font-size: 14px;
	text-decoration: underline;
	color: Blue;
}
.bluelink:active {
             font-size: 14px;
	
	color: Blue;
}
.blacklink:link {
	color: #000000;
	text-decoration: none;
}
.blacklink:visited {
	text-decoration: none;
	color: #000000;
}
.blacklink:hover {
	text-decoration: none;
	color: #000000;
}
.blacklink:active {
	text-decoration: none;
	color: #000000;
}
/* Breadcrumb
 * This class handles the category
 * breadcrumb trail
*/
/*
.breadcrumb{ color: #666; font-size: 12px; text-align: left; }
a.breadcrumb:link{ color: #666; font-size: 12px; text-align: left; }
a.breadcrumb:visited{ color: #666; font-size: 12px; text-align: left; }
a.breadcrumb:hover { color: #666; font-size: 12px; text-align: left; }
*/
/* Pagination
 * This class handles the appearence of the
 * previous and next section
 *
*/
.pageNav td { padding: 2px 4px 2px 4px; }
/* .pageNav a { text-decoration: underline; } */

.pagination{
	text-align: right;
	background-color: transparent;
	color: #333333;
}
.paginationNum{
	background-color: #FFFFFF;
	color: #333333;
}
.navigationBack{
	background-color: #809ac5;
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.navigation{
	font: x-small verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
/* Characters
 * This class is used when a user is placing an ad
 * It formats the characters remaining
*/
.characters{
	color: #666666; font-size: 9px;
}
/* Icons
 * The following classes are used on the userindex page
 * it formats the icons and links.
*/
div.icon   { 
	margin: 3px; 
	text-align: center;
}
div.icon a { 
	display: block; 
	height: 93px !important;
	height: 95px; 
	width: 108px !important;
	width: 110px; 
	vertical-align: middle; 
	text-decoration : none;
	border: 1px solid #DDD;
	padding: 2px 5px 1px 5px;
	text-align: center;
}
div.iconimage { 
	padding-top: 13px; 
	text-align: center;
}

/* ============= ADDED STYLES ================ */
.style1 {
	color: #666666;
	font-size: 13px;
	font-family: tahoma;
}

.stylefine {
	color: #666666;
	font-size: 11px;
	font-family: tahoma;
}

.style2 {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style3 {
	color: #9A041A;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style4 {
	color: #9A041A;
	font-size: 11px;
	font-family: tahoma;
	font-weight: bold;
}
.style5 {
	color: #747474;
	font-size: 10px;
	font-family: Verdana;
}
.style6 {
	color: #333333;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style7 {
	color: #000000;
	font-size: 11px;
	font-family: tahoma;
}
.style8 {
	color: #9A041A;
	font-size: 11px;
	font-family: tahoma;
}

.style9 {
	color: #0D0E2F;
	font-size: 28px;
	font-family: "Berlin Sans FB Demi";
}

.style10 {
	color: #006A01;
	font-size: 18px;
	font-family: "Berlin Sans FB";
}


.listingtitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 150%;
    color: Black;
    margin-right: 10px;
    border-bottom: 2px solid #CBD3E1;
}

.paginationborder{
	background-color: #D6DFF3;
	color: #333333;
	border-top: 1px solid #1C1EFF;
}

.pagenav{ color: #448; }
a.pagenav:link { color: #448; }
a.pagenav:visited{ color: #667; }
a.pagenav:hover { color: #5487BF; }

.headerOptions {
	color: White;
	font-size: 17px;
	font-family: "tahoma";
	font-weight: bold;
	text-align: left;
	background: transparent;
	text-indent: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #5E6D7D;
}


.top3link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: 0000FF;
	text-decoration: underline;
}

.ideaborder {
	border: 1px solid #CBD3E1;
	width: 100%;
                height: 90px
	padding: 0px;
	margin:0px;
             }


.visitlink{ color: blue; font-size: 14px;  font-weight: 680;  text-align: left; text-decoration: underline;  }
a.visitlink{ color: blue; font-size: 14px; text-align: left;  text-decoration: underline;  }
a.visitlink:visited{ color: blue; font-size: 14px; text-align: left; text-decoration: underline;  }
a.visitlink:hover { color: blue; font-size: 14px; text-align: left; text-decoration: underline;  }


.breadcrumb{ color: #339933; font-size: 12px; text-align: left; }
a.breadcrumb:link{ color: #339933; font-size: 12px; text-align: left; }
a.breadcrumb:visited{ color: #339933; font-size: 12px; text-align: left; }
a.breadcrumb:hover { color: #339933; font-size: 12px; text-align: left; }

.ownerlink{ color: #7374D2; font-size: 12px; text-align: left; }
a.ownerlink:link{ color: #7374D2; font-size: 12px; text-align: left; }
a.ownerlink:visited{ color: #7374D2; font-size: 12px; text-align: left; }
a.ownerlink:hover { color: #7374D2; font-size: 12px; text-align: left; }

.navlink:link {font-size: 12px; color: Blue; text-decoration: underline;}
}
.navlink:visited { font-size: 12px;
      	text-decoration: underline;
	color: Blue;
}
.navlink:hover { font-size: 12px;
	text-decoration: underline;
	color: Blue;
}
.navlink:active { font-size: 12px;
       	text-decoration: underline;
	color: Blue;
}

H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: black;
                font-weight: bold;           
}

H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #E15A00;
                font-weight: bolder;           
}

H4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: navy;
                font-weight: bold;           
}

.menulink{ color: navy; font-size: 14px; text-align: left; }
a.menulink:link{ color: navy; font-size: 14px; text-align: left; }
a.menulink:visited{ color: navy; font-size: 14px; text-align: left; }
a.menulink:hover { color: navy; font-size: 14px; text-align: left; }

.menuborder{
	background-color: white;
	color: #333333;	
    /*  border-bottom: 2px solid #CBD3E1;
        border-top: 2px solid #CBD3E1; */
}


.imgpersonality {
	border: 0;
	//width: 80px;
                //height: 60px;
             }

.bluelinksmall:link {
        font-size: 12px;
	color: Blue;
	
}
.bluelinksmall:visited {
        font-size: 12px;	
    	color: Blue;
}
.bluelinksmall:hover {
        font-size: 12px;
	text-decoration: underline;
	color: Blue;
}
.bluelinksmall:active {
        font-size: 12px;
	color: Blue;
}


/* Expired Listings */
.expired {font-weight: bold; color:#000000; }
.articlelink:link {
	color: #E1771E;
	text-decoration: none;
                font-weight: bold;
}
.articlelink:visited {
	text-decoration: none;
	color: #E1771E;
                 font-weight: bold;
}
.articlelink:hover {
	text-decoration: none;
	color: #FD8C00;
                font-weight: bold;
}
.articlelink:active {
	text-decoration: none;
	color: #E1771E;
                font-weight: bold;
}


.typelink:link {
font-family: "Verdana";
font-weight: bold;

        font-size: 12px;
       	color: #483D8B;
	
}
.typelink:visited {
font-family: "Verdana";
font-weight: bold;
        font-size: 12px;	
          	color: #483D8B;
}
.typelink:hover {
font-family: "Verdana";
ont-weight: bold;

        font-size: 12px;
     	text-decoration: underline;
	color: #000099;
}
.typelink:active {
        font-family: "Verdana";
        font-size: 12px;
 font-weight: bold;

        	color: #483D8B;
}


.aboutus {
	border: 1px solid #72774C;
	width: 100%;
                padding: 0px;
	margin:0px;
                font-size: 11px;
             }

.aboutusth {
	color: White;
	font-size: 12px;
	font-family: "tahoma";
	font-weight: bold;
	text-align: left;
	background: transparent;
	text-indent: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #72774C;
                   text-indent: 5px;

}

.largerectangleleft {
                background-image: url("http://www.surprisehim.com.au/images/blue.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
                padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 395px;
                display: block;
                float: left;
}

.largerectangleleft p{
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 5px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #555;
}



div.orangebox
{
	padding-bottom: 8px;
        border: 1px solid #FF9B57;
	background-color: #FFEFE1;	
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 20px;
}

input.btn{
   color: #ECF1FF;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size: 110%;
   font-weight:bold;
   background-color: #5783FF;
   border: 2px double;
   border-top-color: #E1E2FF;
   border-left-color: #E1E2FF;
   border-right-color: #8485FF;
   border-bottom-color: #8485FF;
   }