/*#################################################################
#####      THIS FILE AND ITS CONTENTS ARE THE PROPERTY OF     #####
#####      OFFSIGHT IT SERVICES LTD.  NO ATTEMPT MUST BE      #####
#####      MADE TO COPY ITS CONTENTS OR USE ELSEWHERE         #####
#####      WITHOUT PERMISSION FROM OFFSIGHT IT SERVICES LTD   #####
#####                                                         #####
###################################################################
#####                                                         #####
#####                  WRITTEN 04/06/2010                     #####
#####                                                         #####
#################################################################*/

input.btn 
{ 
  color:#050; 
}


/*---START PNG FIX---*/
IMG, DIV { behavior: url(fx-iepngfix.htc); }
/*---END PNG FIX---*/


/*---START MAIN LAYOUT---*/
h1
{
color: #6861b6;
margin: 0px;
font-size: 18pt;
}

.tweet
{
    font-size:smaller;
    background-image:url(./images/large-bubble.png);
    width:720px;
    height:480px;
    background-repeat:no-repeat;
    
}




.breakLine
{
width: 100%;
height: 2px;
background-color: #6861b6;
overflow: hidden;
float: left;
margin: 10px 0px;
}

body
{
text-align: center;
margin: 0px auto 0px auto;
font-family : arial;
font-size : 10pt; 
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
background-color: #494949;
}

.bgLeft
{
width: 200px;
height: 820px;
left: 0px;
display: inline-block;
background-image: url(images/bg_left.jpg);
background-repeat: no-repeat;
position: absolute;
z-index: 0;
}

.bgRight
{
width: 200px;
height: 820px;
right: 0px;
display: inline-block;
background-image: url(images/bg_right.jpg);
background-repeat: no-repeat;
position: absolute;
z-index: 0;
}

.container
{
width: 1000px;
height: auto;
position: relative;
text-align: left;
margin: 0px auto 0px auto;
display: inline-block;
z-index: 10;
top: 0px;
}

.menu
{
width: 100%;
height: 90px;
float: left;
position: relative;
background-image: url(images/menuBg.png);
font-size: 8pt;
z-index: 10;
}

.titleTag
{
width: 76%;
height: auto;
position: absolute;
top: 3px;
left: 270px;
font-size: 28pt;
color: #6861b6;
}

.mainTop
{
width: 100%;
height: 13px;
float: left;
position: relative;
background-image: url(images/mainTop.png);
font-size: 8pt;
margin: 10px 0px 0px 0px;
}

.mainMain
{
width: 100%;
height: auto;
float: left;
position: relative;
background-image: url(images/mainBg.png);
text-align: center;
}

.mainInfo
{
width: 98%;
height: auto;
display: inline-block;
text-align: left;
margin: 0px auto 0px auto;
}

.footer
{
width: 100%;
height: 60px;
float: left;
position: relative;
background-image: url(images/footer.png);
font-size: 10pt;
}

.footerComp
{
width: 69%;
height: auto;
display: inline-block;
margin: 15px 0px 0px 10px;
float: left;
}

.footerStamp
{
width: 25%;
height: auto;
display: inline-block;
float: right;
text-align: right;
font-size:small;
margin: 25px  10px  0px  0px;
}

.rightColumn
{
float: right;
width: 238px;
}

.rightColumnTop
{
width: 100%;
height: auto;
}
/*---END MAIN LAYOUT---*/


/*---START FLASH TITLE AREA---*/
.flash
{
width: 100%;
height: 306px;
float: left;
position: relative;
margin: 0px 0px;
vertical-align: bottom;
}

.flashInner
{
width: 100%;
height: 406px;
float: left;
position: relative;
margin: 0px 0px;
vertical-align: bottom;
overflow: hidden;
}
/*---END FLASH TITLE AREA---*/


/*---START OPTION BAR---*/
.optionBar
{
padding-top: 10px;
width: 100%;
height: 130px;
display: inline-block;
float: left;
position: relative;
font-family: arial rounded mt bold;
}

.option1
{
width: 246px;
height: 130px;
display: inline-block;
float: left;
background-image: url(images/optionB.png);
margin: 0px 10px 0px 0px;
position: relative;
}

.option2
{
width: 235px;
height: 130px;
display: inline-block;
float: left;
background-image: url(images/optionM.png);
margin: 0px 10px 0px 0px;
position: relative;
}

.option3
{
width: 246px;
height: 130px;
display: inline-block;
float: left;
background-image: url(images/optionY.png);
margin: 0px 5px 0px 0px;
position: relative;
}

.option4
{
width: 244px;
height: 130px;
display: inline-block;
float: right;
background-image: url(images/optionG.png);
margin: 0px 0px 0px 0px;
position: relative;
}

.optionReadMore
{
width: 114px;
height: 29px;
position: absolute;
top: 95px;
left: 120px;
background-image: url(images/button_read_more.png);
}

.optionTitle
{
width: auto;
height: auto;
font-size: 12pt;
position: absolute;
top: 10px;
left: 10px;
}

.optionText
{
width: 180px;
height: auto;
font-size: 9pt;
position: absolute;
top: 40px;
left: 10px;
}
/*---END OPTION BAR---*/


/*---START TESTIMONIAL COLUMN---*/
.testContainer
{
width: 238px;
height: auto;
display: inline-block;
background-image: url(images/testMain.jpg);
float: right;
margin: 5px 0px 5px 0px;
text-align: center;
}

.testTop
{
width: 238px;
height: 59px;
display: inline-block;
background-image: url(images/testTop.jpg);
}

.testTop1
{
width: 238px;
height: 8px;
display: inline-block;
background-image: url(images/testTop1.jpg);
}

.testTitle
{
width: 238px;
height: 63px;
display: inline-block;
background-image: url(images/testTitle.jpg);
position: relative;
}

.testTitleText
{
position: absolute;
top: 10px;
left: 10px;
font-weight: bold;
font-size: 14pt;
text-align: left;
}

.testMain
{
width: 238px;
height: auto;
display: inline-block;
background-image: url(images/testBubble.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-align: center;
}

.testInfo
{
width: 95%;
height: 100%;
display: inline-block;
text-align: left;
}

.testBot
{
width: 238px;
height: 8px;
display: inline-block;
background-image: url(images/testBot.jpg);
}

.twiterMain
{
    width: 230px;
    height:auto;
    font-size:smaller;
    
}

.testReadMore
{
width: 150px;
height: 29px;
display: inline-block;
float: right;
margin: 0px 10px 0px 0px;
}
/*---END TESTIMONIAL COLUMN---*/


/*---START SERVICES PAGE---*/
.breadcrumbContainer
{
width: 100%;
height: auto;
display: inline-block;
float: left;
position: relative;
margin: 0px;
}

.breadcrumb
{
width: auto;
height: auto;
margin-top: 17px;
float: left;
display: inline-block;
}

.youAreHere
{
width: 40px;
height: 43px;
display: inline-block;
background-image: url(images/youAreHere.png);
float: left;
margin: 5px;
}

.catLinkBg
{
width: 172px;
height: 99px;
display: inline-block;
background-image: url(images/catLinkBg.jpg);
float: left;
margin: 3px;
position: relative;
}

.catLinkTitle
{
width: 95%;
height: auto;
position: absolute;
top: 25px;
left: 5px;
font-family: arial rounded mt bold;
font-size: 10pt;
line-height: 120%;
}

.catText
{
width: 95%;
height: auto;
position: absolute;
top: 5px;
left: 5px;
font-family: arial rounded mt bold;
}

.catReadMore
{
width: 114px;
height: 29px;
position: absolute;
top: 65px;
left: 55px;
background-image: url(images/button_read_more.png);
}
/*---END SERVICES PAGE---*/


/*---START FORM---*/
.formLabel
{
width: 360px;
text-align: right;
position: relative;
display: inline-block;
padding: 10px
}

.formField
{
left: 5px;
text-align: left;
position: relative;
display: inline-block;
padding: 10px
}

.formButton
{
left: 420px;
position: relative;
display: inline-block;
padding: 10px
}

.formInput
{
border: solid 1px #bbbbbb;
background-color: #eeeeff;
font-size: 12pt;
padding: 3px
}

.form
{
width: 850px;
background-color: #ffffff
}
/*---END FORM---*/


/*---START PROFILE PAGE---*/
.portContainer
{
width: 196px;
height: auto;
display: inline-block;
float: left;
margin: 20px 10px 0px 10px;
}

.portTop
{
width: 196px;
height: 9px;
display: inline-block;
background-image: url(images/port-top.png);
}

.portMain
{
width: 196px;
height: 250px;
display: inline-block;
position: relative;
background-image: url(images/port-main.png);
}

.portTitle
{
width: 100%;
color: #fff;
font-size: 1.3em;
}

.portBot
{
width: 196px;
height: 9px;
display: inline-block;
background-image: url(images/port-bot.png);
}

.portMoreInfo
{
width: 196px;
height: 34px;
display: inline-block;
background-image: url(images/port-more-info.png);
position: absolute;
left: 0px;
bottom: 00px;
}

.portBlog
{
width: 196px;
height: 34px;
display: inline-block;
background-image: url(images/view-blog-post.png);
position: absolute;
left:15px;
bottom: 00px;
background-repeat:no-repeat;
}

.portVisit
{
width: 196px;
height: 34px;
display: inline-block;
background-image: url(images/port-visit.png);
position: absolute;
left: 0px;
bottom: 34px;
}

.portThumb
{
width: 100%;
height: auto;
display: block;
position: relative;
margin: 25px auto 0px auto;
z-index:0;
}
.maskTop
{
width: 100%;
height:15px;
display: inline-block;
background-image: url(images/mask-top.png);
position: absolute;
left: 0px;
top: 0px;
z-index:1000;
}
.maskBot
{
width: 100%;
height:22px;
display: inline-block;
background-image: url(images/mask-bot.png);
position: absolute;
left: 0px;
bottom: 0px;
z-index:1000;
}

.portCatTitle
{
font-size: 2em;
font-weight: bold;
display: inline-block;
margin: 50px 0px 10px 0px
}

.profilePortImage
{
position: relative;
top: 0px;
left: 13px;
}
/*---END PROFILE PAGE---*/

.leftAndRightPadding
{
padding-left: 15px;
padding-right: 15px;
padding-top: 5px
}

.pnlLogin
{
width: 450px;
}

.watermark
{
color: Gray;
}

.modalPopup
{
padding: 10px;
border: solid 2px #555555;
background-color : #ffffff
}

.modalBackground
{
background-color: #ffffff;
filter:alpha(opacity=60); /* IE */ opacity: 0.6; /* Safari, Opera */ -moz-opacity:0.60; /* FireFox */
}

.column100
{
float: left;
margin-left: 20px;
width: 100px
}


.redBorder
{
border: solid 2px #ff0000;
}

.breadcrumb
{
font-size: 10pt;
}

.highlight
{
font-weight: bold;
}


.pagecontent
{
float: left;
width: 720px;
margin: 0px 5px 10px 0px;
 line-height: 150%;
 font-size: 1em;
}

.alternate
{
background-color: #eee
}

.homepagePanels
{
float: left;
margin-right: 15px;
width: 220px;
}

.menu a
{
/*padding-right: 10px;*/
}

.printPortfolioItem
{
float: left;
padding-left: 10px;
text-align: center;
}
.HomePageItem
{
float: left;
padding-left: 20px;
text-align: center;
}
.infoBar 
{
background-image: url(./images/infobar.gif);
height: 20px; width: 1000px;
font-size: 10pt;
margin-top: 3px; margin-bottom:0px;
float: left;
padding-top: 3px;
font-weight: bold;
text-align: center;
}


.headercell {background-color: #CFFCD0; border-right: solid 1px #BEEBC0}

.header {background-image: url(./images/header.jpg); color: white}

.modal 
{   
background-color: #cccccc;
filter:alpha(opacity=60); /* IE */
opacity: 0.6; /* Safari, Opera */
-moz-opacity:0.60; /* FireFox */
}

.panel {background-color: #ffffff; border: solid 2px #1a776c; padding: 10px}

mark{color: #cccccc}
.calendar {float: left}
.rightBorder { border-right: solid 1px #444444 }
.rightBottomBorder { border-right: solid 1px #444444; border-bottom: solid 1px #444444}
.adminBody {text-align: left; background-color: #ffffff; font-size: 10pt; padding: 5px}
.due {color: Green}
.overdue {color: Red}

.linethrough {text-decoration: line-through;}